RE: web toy
05-18-2016, 06:49 AM
(This post was last modified: 05-18-2016, 06:55 AM by Kaynato.)
I made a new spritesheet. OP was updated.
Also, this is now portable!
You can put this web toy, for example, on your very own tumblr!
Anything that allows you to edit the html.
Put in the following in the HEAD of your page:
Put in the BODY of your page, ONLY ONCE, before anything else and on the very outside (don't put inside other elements):
CUSTOMIZATION: Download the css and replace https://dl.dropboxusercontent.com/u/2607...ig/fn0.png with a link to your spritesheet. It must fit the dimensions specified. Each square is 150x150 pixels.
Also, this is now portable!
You can put this web toy, for example, on your very own tumblr!
Anything that allows you to edit the html.
Put in the following in the HEAD of your page:
Code:
<script src= "https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/26075333/%7E/%7E/%7E.js"></script>
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/26075333/%7E/%7E/%7E.css">
Put in the BODY of your page, ONLY ONCE, before anything else and on the very outside (don't put inside other elements):
Code:
<div id="figure" ondragstart="return false;" ondrop="return false;" class="mass"></div>
CUSTOMIZATION: Download the css and replace https://dl.dropboxusercontent.com/u/2607...ig/fn0.png with a link to your spritesheet. It must fit the dimensions specified. Each square is 150x150 pixels.