0x6301add4…1423sent to0xa5425971…eb69·#11,382,282·view on Etherscan
On-Chain Games Proof of ConceptddaavveeSave image and open in browser to play. Fully rendered from code that is stored on chain. Click all three circles to turn them blue.<svg id="AShortWalkOnChain" xmlns='http://www.w3.org/2000/svg' xmlns:xlink="http://www.w3.org/1999/xlink" width='1024' height='768'> <rect width='100%' height='100%' fill='#aaaaaa' /> <text x="25" y="25" font-family="Verdana" font-size="24" fill="blue" > Click all 3 balls to turn them blue. A game, on-chain, by ddaavvee. </text> <circle id='gameObjective' cx='800' cy='-100' r='50' fill='red' stroke='black' stroke-width='5' onclick="evt.target.setAttribute('fill', 'blue')" > <animateTransform attributeName="transform" type="translate" from="0 0" to="-1000 1000" begin="0s" dur="20s" repeatCount="indefinite" /> </circle> <circle id='gameObjective2' cx='-100' cy='-100' r='50' fill='white' stroke='black' stroke-width='5' onclick="evt.target.setAttribute('fill', 'blue')" > <animateTransform attributeName="transform" type="translate" from="0 0" to="4000 4000" begin="3s" dur="10s" repeatCount="indefinite" /> </circle> <circle id='gameObjective3' cx='400' cy='-200' r='100' fill='black' stroke='black' stroke-width='5' onclick="evt.target.setAttribute('fill', 'blue')" > <animateTransform attributeName="transform" type="translate" from="0 0" to="100 1250" begin="0s" dur="10s" repeatCount="indefinite" /> </circle> </svg>