ToyCrab [Lexaloffle Blog Feed]https://www.lexaloffle.com/bbs/?uid=11568 Plum vector editor <p> <table><tr><td> <a href="/bbs/?pid=47301#p"> <img src="/bbs/thumbs/pico49430.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=47301#p"> Plum Vector Editor</a><br><br> by <a href="/bbs/?uid=11568"> ToyCrab</a> <br><br><br> <a href="/bbs/?pid=47301#p"> [Click to Play]</a> </td></tr></table> </p> <p>Introducing the Plum vector editor for PICO-8!</p> <p><a href="https://davidwardandersen.github.io/">https://davidwardandersen.github.io/</a></p> <p>Update 4/2/18:<br /> Made some UI changes based on feedback. Hopefully it's less painful to use now, although it still has a long way to go. You might have to clear your cache to see the changes.</p> <p>The Canvas:</p> <ul> <li>Drag an image onto the canvas to use as a reference.</li> <li>Shift-click on the canvas to place a vertex.</li> <li>Click and drag a vertex to move it.</li> <li>Click and drag a midpoint to add a vertex there.</li> <li>Polygons are smoothed by default. Click a vertex to pin/unpin it.</li> <li>Click a midpoint to toggle the edge color.</li> <li>Click and drag on the canvas to select multiple vertices.</li> <li>Hold Shift and drag a selection box to add vertices to the selection.</li> <li>Hold Alt and drag to remove vertices from the selection.</li> <li>Hold Z and drag to delete vertices.</li> <li>Press A to select all current vertices.</li> <li>Press S to deselect all current vertices.</li> <li>Press Q to show/hide edges.</li> <li>Press W to toggle transparency.</li> </ul> <p>Other Stuff:</p> <ul> <li>Colors (below canvas) - Top row is fill color. Far right is no fill. Bottom row is line color.</li> <li>Layers (right of canvas) - Layers are drawn from top to bottom. Drag to rearrange, drag to bottom to delete.</li> <li>Polygons (right of layers) - Polygons on a layer have the same fill and line color. They also affect each other. For example, to create a hole in a shape, draw another shape inside on the same layer.</li> <li>Save/Load - Copy the top text box for the current drawing. Paste into the bottom text box and press �enter� to load a drawing.</li> </ul> <p>WARNING: Pressing �enter� will clear the current drawing.</p> <p>Making Lines:<br /> <div><div><input type="button" value=" Show " onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = ' Hide '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Show '; }"></div><div><div style="display: none;"></p> <img style="" border=0 src="https://www.lexaloffle.com/bbs/files/11568/Plum_Line_Guide.png" width=701 height=895 alt="" /> <p></div></div></div></p> <p>Tips:</p> <ul> <li>Drag a reference image onto the canvas instead of trying to draw freehand. Use transparency to see your reference.</li> <li>There are only 16 layers, so try to group polygons with the same colors together.</li> <li>The simpler the shapes are, the better. This isn�t really suited for detailed stuff, and small shapes are hard to work with at the moment.</li> <li>Simple drawings means shorter strings, too.</li> <li>You can paste the strings from the demo cart into the editor to see how they�re constructed.</li> </ul> <p>I think that�s the important stuff to know. This is still super rough and there are a lot of features I want to add. The UI needs work, too.</p> <p>Some features I want to add:</p> <ul> <li>Objects and instances</li> <li>Puppet animation</li> <li>Interpolation</li> </ul> <p>I�m still learning as I go, so it�s been a lot of trial and error.</p> <p>P.S. The name �Plum� isn�t an acronym, just a character I�ve wanted to make a game about for a while. I couldn�t think of a good name for this editor and she was the first thing I drew in it, so I just named it after her.</p> <p>And here�s a demo cart from an older version of the editor I was working on in L&Ouml;VE.</p> <p><div><div><input type="button" value=" Show " onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = ' Hide '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Show '; }"></div><div><div style="display: none;"><br /> <table><tr><td> <a href="/bbs/?pid=47301#p"> <img src="/bbs/thumbs/pico47300.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=47301#p"> Vector Graphics</a><br><br> by <a href="/bbs/?uid=11568"> ToyCrab</a> <br><br><br> <a href="/bbs/?pid=47301#p"> [Click to Play]</a> </td></tr></table> </p> <p>Left and right to change images<br /> Up and down to scale<br /> Z and X to mirror</p> <p></div></div></div></p> https://www.lexaloffle.com/bbs/?tid=30430 https://www.lexaloffle.com/bbs/?tid=30430 Mon, 11 Dec 2017 20:16:56 UTC Wrecktacular! [tinyTVjam] <p> <table><tr><td> <a href="/bbs/?pid=36403#p"> <img src="/bbs/thumbs/pico36402.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=36403#p"> Wrecktacular!</a><br><br> by <a href="/bbs/?uid=11568"> ToyCrab</a> <br><br><br> <a href="/bbs/?pid=36403#p"> [Click to Play]</a> </td></tr></table> </p> <p>Swing a wrecking ball! Smash everything!</p> <p>Thanks to TRASEVOL_DOG for this awesome jam. It was a lot of fun making a game AND designing a TV for it. I might tweak things after the jam is all over.</p> <p>When the line turns bright blue, you have enough momentum to break bricks. You can get the wrecking ball to do a full 360, too. I thought it was cool so I didn't try to fix it.</p> https://www.lexaloffle.com/bbs/?tid=28705 https://www.lexaloffle.com/bbs/?tid=28705 Sun, 22 Jan 2017 18:04:37 UTC A* Pathfinding <p> <table><tr><td> <a href="/bbs/?pid=18913#p"> <img src="/bbs/thumbs/pico18912.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=18913#p"> A* Pathfinding</a><br><br> by <a href="/bbs/?uid=11568"> ToyCrab</a> <br><br><br> <a href="/bbs/?pid=18913#p"> [Click to Play]</a> </td></tr></table> <br /> I finally got A* pathfinding working. I know it's already been done in PICO-8 but it was a good learning exercise. Now I hope to use it in a little point-and-click adventure.</p> <p>Arrow keys: Move cursor<br /> Z: Set the starting point<br /> X: Set the goal<br /> Z and X: Generate a random level</p> https://www.lexaloffle.com/bbs/?tid=3076 https://www.lexaloffle.com/bbs/?tid=3076 Mon, 22 Feb 2016 02:12:22 UTC Puddle Splash <p> <table><tr><td> <a href="/bbs/?pid=17089#p"> <img src="/bbs/thumbs/pico17182.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=17089#p"> Puddle Splash 1.0</a><br><br> by <a href="/bbs/?uid=11568"> ToyCrab</a> <br><br><br> <a href="/bbs/?pid=17089#p"> [Click to Play]</a> </td></tr></table> </p> <p>Instructions:<br /> Player 1 - Arrow keys<br /> Player 2 - ESDF</p> <p>Splash more puddles than your opponent before time runs out.</p> <p>I think I'll have to call it done for now. But it's playable and there's a win condition, so I'm pretty happy.</p> <p>Changes:<br /> -Draw order is fixed<br /> -Timer and win condition<br /> -Puddles don't refill when player is standing on them</p> <p> <table><tr><td> <a href="/bbs/?pid=17089#p"> <img src="/bbs/thumbs/pico17117.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=17089#p"> Puddle Splash 0.2</a><br><br> by <a href="/bbs/?uid=11568"> ToyCrab</a> <br><br><br> <a href="/bbs/?pid=17089#p"> [Click to Play]</a> </td></tr></table> </p> <p>Changes:<br /> -Rain and SFX<br /> -Collision with playground equipment is working</p> <p>Still need to work on draw order for the sprites.</p> <p> <table><tr><td> <a href="/bbs/?pid=17089#p"> <img src="/bbs/thumbs/pico17087.png" style="height:256px"></a> </td><td width=10></td><td valign=top> <a href="/bbs/?pid=17089#p"> Puddle Splash 0.1</a><br><br> by <a href="/bbs/?uid=11568"> ToyCrab</a> <br><br><br> <a href="/bbs/?pid=17089#p"> [Click to Play]</a> </td></tr></table> </p> <p>Hey everyone! Been messing with Pico-8 for a few weeks now and I love it. This game jam seemed like good incentive to make an account and finish my first Pico-8 game. I don't really have any game development experience but I'm having fun learning.</p> <p>The object is to splash more puddles than the other player. Puddles will reappear after a short time. Right now it's just 2 players. A CPU player probably won't happen before the jam ends, but I'd like to continue working on the game and figure that out.</p> <p>To do:<br /> -Rain<br /> -Jumping, splashing and puddle filling animations<br /> -Game end, either a timer or a score to reach<br /> -Collision with playground equipment<br /> -Title screen<br /> -SFX and maybe music</p> https://www.lexaloffle.com/bbs/?tid=2822 https://www.lexaloffle.com/bbs/?tid=2822 Fri, 27 Nov 2015 02:04:36 UTC