gabrielcrowe [Lexaloffle Blog Feed] Vector Editing Tool <p><a href=""></a></p> <p>This is a web based tool that has been put together to edit vector shapes for use in your pico8 creations. It works best in Chrome. If you find any bugs please let me know in twitter, otherwise, have fun!</p> <img style="margin-bottom:16px" border=0 src="" alt="" /> <p>-= HELP THING =-</p> <p>Pico8 Vector Tool</p> <div> <div class=scrollable_with_touch style="width:100%; max-width:800px; overflow:auto; margin-bottom:12px"> <table style="width:100%" cellspacing=0 cellpadding=0> <tr><td background=/gfx/code_bg1.png width=16><div style="width:16px;display:block"></div></td> <td background=/gfx/code_bg0.png> <div style="font-family : courier; color: #000000; display:absolute; padding-left:10px; padding-top:4px; padding-bottom:4px; "> <pre> - Features - Manage animation frames - Plus on the toolbar adds a frame - Trash icon on frame deletes - Click on frame to switch to frame - Keyboard shortcut plus and minus change frames - Manage Layers - Add a layer with new page icon - Delete layer with trash icon - Change layer order with up and down arrows - Shortcut to change layers is chevron keys - Square bracket '[' and ']' keys select layer above and layer below. - Manage Vertexes - Hovering the mouse makes a vertex selected green - Non-selected vertexes are blue. - Press escape to deselect all vertexes making sure the mouse is not hovering - While a vertex is selected, use the arrow keys to move it single pixels. - With no vertex selected, the arrow keys move the entire layer. - Hold left shift to move 8 pixels, instead of 1 - Hold left shift and clicking a vertex deletes it - Hold left alt and clicking on a line adds a vertex - Choosing Colours - Each layer can have 2 colours - Click on a colour on the left panel to choose the first colour and - Click the second colour to create alternating lines - Guide Layer - You can press 'G' on the keyboard to toggle drawing guides - The area inside the square will fill a pico8 screen because it represents 128 by 128 pixels. - The entire canvas is 256 by 256 pixels - The demo cart listed allows scaling using the z and x buttons in pico8 to see the parts outside the guide square. - You can copy an image from the web or photoshop and paste it into the canvas providing the image is 256 by 256 pixels. your image can then be traced over. - Pasting frames of an animation allows something similar to rotoscoping - When you re load the page the pasted image is lost so keep a copy of it saved on your local computer - Files and data - This tool keeps the data for the vectors stored in a javascript array - You can download a copy of the array used by pressing the 'download' button. - You can import this json array with the import button - These buttons are light blue in the interface - Pressing the red save button will commit this data to local browser storage. - When you close the window and come back later this data will be re-loaded so you can continue where you left off. - Think of this like a 'quick save'. - Pressing the orange 'NEW' button will clear everything and start again. - Pressing the 'EXPORT' button produces data for you to paste into your pico8 cart to view the vectors. - Pico8 Test Cart - This first experimental release comes with a quick cart to display any vectors you make. - Copy the code from the supplied gist and paste it into your pico8. - When you run it you should find MC Hammer dancing away. - Near the top of the cart you will find a place to paste the vector code you can export from the 'EXPORT' button. - Run your cart and you should see any shapes or animations - Getting help - If you need some help using this tool then find me on twitter: - Examples - MC Hammer: - Mario Face: &quot;Data-&gt;; - Sonic: - Your work - Please tweet me any cool stuff you make with this. - I would love to see this used in a game. - Thankyou - Zep for Pico8 - You rock. - This list - Was made in - All hail Workflowy </pre></div></td> <td background=/gfx/code_bg1.png width=16><div style="width:16px;display:block"></div></td> </tr></table></div></div> Sun, 17 Sep 2017 14:59:32 UTC CANT TOUCH THIS <p> <table><tr><td> <a href="/bbs/?pid=43898#p"> <img src="/bbs/thumbs/pico43897.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=43898#p"> CANT TOUCH THIS 0.01</a><br><br> by <a href="/bbs/?uid=11343"> gabrielcrowe</a> <br><br><br> <a href="/bbs/?pid=43898#p"> [Click to Play]</a> </td></tr></table> </p> <p>This is a work in progress output from a vector animation tool i'm writing in javascript/canvas.</p> <p>The tool enables you to use the mouse to draw vector shapes and import them into pico8 as data, to be used the same way you would use a sprite, but with scaling and such.</p> <p>Its not quite finished yet so i'm not letting the vector tool out to the public but here is some output.</p> <p>This is the legend MC hammer, rotoscoped into low poly 2d over some of <a href=""> @guerragames</a> tweetcarts from twitter (used with permission).</p> <p>The way the cart displays the polys is some super fast tri code i found here on the forum. I'd like some help in making it faster and i think the person who write is is here:<br /> <a href=""></a></p> <p>Its the vector tool i'm showcasing really. :)</p> <p>Tweet (with gif) here: <a href=""></a></p> <p>Online tools to do this soon, I promise.</p> Sun, 03 Sep 2017 15:20:24 UTC PicoBreed <p> <table><tr><td> <a href="/bbs/?pid=40737#p"> <img src="/bbs/thumbs/pico40736.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=40737#p"> PicoBreed</a><br><br> by <a href="/bbs/?uid=11343"> gabrielcrowe</a> <br><br><br> <a href="/bbs/?pid=40737#p"> [Click to Play]</a> </td></tr></table> </p> <p>alien breed demake<br /> by <a href=""> <a href=""> @gabrielcrowe</a></a></p> <p>[ warning: main power low ]<br /> [ unable to send message ]<br /> [ transponder offline ]<br /> [ command// re-route,<br /> [ secondary power ]<br /> [ transponder online ]<br /> [ message begin// ]</p> <p>i've managed to get some<br /> power to my transponder in<br /> order to send this message<br /> to anybody who is listening.</p> <p>i am a soldier in the<br /> interstellar marine corps.<br /> my ship, the imc durham was<br /> overrun by something we<br /> picked up on ix538. some<br /> wicked fast alien creatures<br /> with big teeth and ferocious<br /> appetites. these things came<br /> bursting out of the the decks<br /> where they had been hiding<br /> below. they moved quick<br /> and bit hard. everybody was<br /> butchered, we had to scuttle<br /> the ship.</p> <p>i was sorry to see her go.</p> <p>i made it to a shuttle and<br /> got away. as i was leaving i<br /> detected a distress signal.<br /> i'll attach it to this<br /> message.</p> <p>[attachment]<br /> \dstrs_sgnl<em>relay</em>#6527<br /> &quot;anybody out there? this is<br /> the mining ship callisto.<br /> we have an alien on board.<br /> its murdered half the crew<br /> and we are barricaded in<br /> the engine room. they are<br /> smart. very smart. they<br /> have set the ship on<br /> course for earth. somebody<br /> needs to blow us out of<br /> the sky. if these things<br /> get to earth then it's all<br /> over for the human race.&quot;<br /> //transmission_end<br /> [/attachment]</p> <p>so as you can probably<br /> tell i'm on my way to<br /> the callisto. i've<br /> completely run out of<br /> ammo for my rifle. i<br /> can only hope that i<br /> can find some ammo when<br /> i breach the docking bay<br /> or this is going to be one<br /> hell of a short mission.</p> <p>i've accessed the computer<br /> on the callisto and i<br /> know that their main power<br /> is offline. the transwarp<br /> drive is powered completely<br /> from the backup generators,<br /> positioned throughout<br /> the ship. if i can just<br /> get the them and shut<br /> them all down then the<br /> queen feeding off the<br /> power will be much<br /> weaker and easier to<br /> send straight to hell.</p> <p>i've remotely powered<br /> the lights in the shuttle<br /> bay and i've got my access<br /> codes the the backup<br /> consoles ready.</p> <p>hopefully i can get to<br /> the deck lift before the<br /> queen reaches earth.<br /> i'm going to take down<br /> every one of these ugly<br /> green bastards. if i<br /> don't make it, tell my<br /> family...</p> <p>i love them.</p> <p>[ /message end ]</p> <p>Notes: I think I've made this game <em>too hard</em> :/ please let me know, either here or <a href=""> <a href=""> @gabrielcrowe</a></a> on the twitter machine.</p> Thu, 18 May 2017 17:20:00 UTC