4/7/2023 0 Comments Protopie dropdown![]() This should be the first initial of your avatar. Detect the variableĪdd a new Detect Trigger and select your ‘Text-firstname’. We will be using a Formula, use the + button and you should see your layers appear here, select your ‘Input-firstname’ and again you must tell the prototype what value type to expect, in this case .Text. ![]() This will allow you to tell the prototype the relationship of the input (using Detect) and the variable (using Assign). Add an Assign action and add your variable ‘firstname’. Next we can start to bridge these together. ![]() Assigning your inputs to your variables to display as text You must select the Text! I’ve been caught out by that so many times. Must do!!Ĭlick on the Variable and you’ll see panel on the right to change the value the input is expecting. Add two inputs ‘For All Scenes’, naming one ‘firstname’ and the second ‘surname’. Using the Variables panel in the bottom left. They allow dynamic values to be entered from your users to make the prototype even more lifelike. Variables are one of the most powerful features of ProtoPie and they’ve made them painfully easy to use. Select Detect > Input-firstname > Text 3. ![]() Detect will tell the prototype to listen for this actionĪttribute this Detect trigger to your first input, Input-firstname, this must then tell the prototype what input to expect, in this case Text. Next, we’ll need add a Trigger of Detect to tell the prototype to listen for these inputs. This will be more important later.Īdd two inputs, one for first name (input-firstname) and one for surname (input-surname). I follow the naming conventions of so would like to this ‘input-firstname’. Add a second scene, we’ll come to at the endįrom the the Text input in the toolbar, add your Input’s.Add a rectangle shape to be your button.These must be clipped to only display one character. Add two Text boxes, these will be the first initial and second initial.Create your Scene to iPhone X (375px x 812px).I will refer to them as Scenes throughout. Like Macromedia Flash back in 90’s, (lol) ProtoPie refers to what we’ve become more familiar with as Artboards as Scenes. There’s some language obstacles to familiarise yourself with as you go through. Detect our input field > Assign to a variable.In this tutorial, this is a rough path we plan to take In this tutorial we’ll lean how to create a user input, display it on other screens in the prototype and create a cute user initial avatar. One of the most powerful features in ProtoPie and certainly the strongest for me to pick it over the rest is the ability to work with user inputs and pull them through other screens using the Formula function. I plan to launch these findings as a series of tutorials I hope you can find helpful too. Over the course of the past few months I’ve been keen to try out ProtoPie and teach myself some useful prototyping techniques that are lacking in the click through tools like Marvel and InVision. Current Component - Solely the current component, not any child components if there are any.Learn how to detect user inputs and display as a user initial avatar.Current Scene - The scene where the component is used.Child Component - Any child components in the current component you are in.Parent - Parent component or scene if there’s no parent component.You can choose between these channels under Inside Pie now: We made some changes following the introduction of nested components. As components are isolated from scenes, the Send response and Receive triggers were initially used to create interactions between a component and objects outside of a component. If you are familiar with using components in ProtoPie, then you must be familiar with the Send response and Receive triggers as well. This is what you’re most probably used to from components in the design tools you already use. The parent component can override the child component, and so on. You can override nested components at any level of the component hierarchy. Example prototype using nested components.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |