As I work through the Udacity classes on front end web development, I’ve been discovering some pretty good resources on “Flexbox”, a very handy way to make text move around your web page in easily predictable ways that allowÂ your designs to adapt to different sized screens (laptop, tablet, phone).
Here are some of my favorite links. They may help you as well:
I had some programming issues making even this tiny script, because I started reading a tutorial on Twine 1.4 and then realized that it has moved to Twine 2.0.x, and changed the syntax. Now, I discovered,Â you can choose 3 formats for your markup. I chose one called SugarCube because the syntax made the most sense to me (other options are Harlowe and Snowman).
Twine is great funÂ because it lets you create a branching story in a graphical way; when you link two passages you actually see the link. Then it lets you leverage allÂ the CSS and HTML and scripting language tricks you know to add functionality and cleverness and even more interactivity, images, even animated gifs. And you can test and debug it all before you make it live. TwineÂ publishes its gamesÂ as a self contained html page using a wiki format called Tiddlywiki. This makes them extremely quick to load and run in a browser.
Of course, having a good story is theÂ crucial part.
2 thoughts on “Twine and Flex”
I love your enthusiasm! A quick warning about flexbox though: just realize that versions of Internet Explorer before 11 won’t support it properly.
Dang I so wanted to play that game! 🙁