**nano** *JAMMER* **Fantasy Console Specification** **by [Casual Effects](https://casual-effects.com)** The [**nano JAMMER**](../index.html) is a fantasy console for tiny games with a single page of source code. It is perfect for tweetjams and hobby coding on a busy schedule. Features: - 64x64 pixel screen - 32 colors - 60 fps - 96 built-in sprites - 32 built-in sound effects - Six-button gamepad - External 2nd gamepad for multiplayer The nano programming language is based on mathematics notation and looks just like pseudocode. It is terse and context-sensitive, with indentation and newlines signifying blocks and ends of statements. For hassle-free hacking, nano comes with an integrated development environment that is free, runs in a browser, and connects to Google Drive. So, you can turn a few spare minutes on any device into productive coding time. Beware that nano is intended as a challenge instead of a "reasonable" development platform. The built-in restrictions are severe to limit the scope of your projects. As a hobby project itself, the compiler and documentation are minimalist. We're talking old-school and no hand-holding here. You must learn from examples, experiment, and cheerfully recover from cryptic failures. ![](nano.jpg width=512 border=1) Examples ============================================================================================= Optimized --------------------------------------------------------------------------------------------- ### Space Dash [*Space Dash*](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIDKAFAggYQKIICJqQAkAoASwDMAKAGsBHgASgA8BeAZgCZiB6LhAcXgBTALSQAboIBOCQYwAOAG0gBnUpBBkqtADwAGenLALKADgDUrQH3A9ANwBjUpLuVGAGgCsu1wE5vZ2q4AjN62duoALsTEypIQACaU7vTELHCkCd6ujGbs0JAAngB0bu4ALMnkkNIAroAmRABspcQIPMjhYJLKzcpsljZyyoLhlNWulOyAHgSW-sr0AKSTHmazza1YIIJw+QjKABakA80A1syAUMTs04GA0MQ2Ysy0R8KsUzZxsQDuiWaBpUeuo2JXBxSq5yjYKJQAD6MYTVSFmSFiYSeSHaer0WjMYS+KJrEBxBCKCBDYgOJyUDiuWjYgDNrnYJmS3F4KAUYHyUh2+zkxDeYE+rCyHi8jUCTNaADVSHZwlVtso7JJBIINBDaIBTIm8NPo4VkwwARABNADyAFUEAB1ACSADl9bZ3mBSOEbJjdMQgA) is a complete game in 270 characters (277 by Twitter's Unicode weighting--still less than one tweet!) once comments and blank lines are removed. The player flies a space ship through enemy fighters to reach their home planet. It has a loading screen, background animation, controls, collision detection, and end-game scene. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C++ #nanojam SPACE DASH if(¬τ)x=32 // Game-over explosion if(τ<0)pal(8+3ξ);circ(x,50,99+τ,19);cont srand(5) x=mid(9,x+2joy.x,54) for u≤64 // Stars s=3ξ;pset(u,(2⁸ξ+τs)%2⁸,5+s) // Enemy ships k=⌊2ξ+1⌋;v=τk-3⁸ξ;draw(5+14k,u,v,324,4);if(|x-u|+|v-50|<6)τ=-99 // End planet circ(32,τ-9³,28) // Player ship draw(3,x,50,641) // Victory screen if(τ≥9³)text("YOU WIN");wait;τ=0 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ You're probably wondering where the main loop is. Every nano program is implicitly within an infinite `for` loop with variable variable `τ` that starts at zero, a clear screen command, and a page flip. A program always begins with `#nanojam` and the title of the game, which is used for the automatic title screen and the cartridge label. The first real line of *Space Dash* initializes the `x` position of the player spaceship. The second line of code is the game-over animation. Line 3 resets the random number generator `ξ` every frame with `srand()` so that can treat "random numbers" as stable game-level data. I see an opportunity to save two more characters in this program. Can you find it? Can you find *more*? With the remaining room, maybe you could remove the end planet to recover enough characters to add a third type of enemy, while staying in character limit of a single tweet. Now you're thinking like a nano programmer. ### Plasma [*Plasma*](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIAKAbMBnOYA0BGAUAGaQBOCAngDwBsALPgsWQB430IKATwALzkDUgEeAA3ADducAJYATABRQJ6AKYyAzNkDahACbmGzZ2wAegM0CAlHwC92AAx5TDBAAclAFxk7y2ABboRMwOqEIpbYMrgAtCKmAHr+2CLYOpympkA) is a little graphics doodle instead of a game. It shows field of animated value noise. The two loops iterate over each pixel, computing its value independently. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C++ #nanojam Plasma,1 for y<64 for x<64 ψ=y+τ;v=mid(noise(3,⅛²x,⅛²ψ,¼³τ)+½,0,1) pset(x,y,hsv(⅗v+½,(1-v)^⅗,v,x,ψ)) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ The same setup is great for computing fractals and ray marching in 3D. Friendly ----------------------------------------------------------------------------------- Are you just getting started with nano and mystified by the apparent sorcery of the optimized examples? No problem. Here are some friendlier examples to get you going without trying to squeeze the whole program into a few characters. ### Rainbow [*Rainbow*](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIBKYCWIBGkDuAoAxgDYBOAvAIwBMuuA9LQgCLFjYJgJGQCuAJgtwDO6AOYIALgAsApnQa9pAMzDdC4hAAcwhaePHSA5IITZJqfbi2EAFAEoCqYvmvkADABpyAVncAWT-b4js7k-uQAbO5egcEuAByelH4xTtaUHt7JNPRMLGz6IAjEooK4ipDECKgAPG64CDkAyrqckIQVCMDkCBhggtL8kIVS0giS3LKa2taSggBu1qi0bp4B9g0MzKzsCLyoggDWVcNmxvhtFfVBqb4+4QkAzK4AtKgB9XIIAMLc6iOc0hA+kqPHUQlEEhkCEOAE9Wu1iJZplQUs5bu57u5KOQAkA) is a simple scene of a sky after a summer shower. ~~~~~~~~~~~~~~~~~~~~~~~~~~ C++ #nanojam Rainbow clr=12 // Draw a cloud using the // default palette's white pal() circ(10,15,4,1) circ(14,16,5) circ(18,12,4) circ(20,15,4) // Draw ten rings for i<10 // Set color #1 based on the hue pal(hsv(i/10,1,1)) // Draw a disk in this color circ(45,68,30-i,1) // Cut the center out using the sky color pal(12) circ(45,68,21,1) ~~~~~~~~~~~~~~~~~~~~~~~~~~ ### Colors [*Colors*](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIDCkA2kBOBnANARgCgAzTBATwB4A2AFgIRIwQA9q6EEALAVwFMBeZgHpa9BFjAAXfmSEBmAExiAbmFT8FAWlmKxAByy9JACmY4yOTlmXGevHBMk5VqHGbIBKD0A) loops over every pixel `(x,y)` on the screen and computes a hue, saturation, and value for it. It then uses the `hsv` command to find the closest nano color to those and sets the pixel value. The nano hues vary from 0 to 1, so to create a rainbow I used the horizontal pixel position divided by 64. I scaled `y` by 32 so that the top half of the screen would fade in from white (zero saturation) and the bottom half would fade out to black (zero value). ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C++ #nanojam Colors,1 for y<64 for x<64 hue=x/64 sat=y/32 val=2-y/32 pset(x,y,hsv(hue,sat,val,x,y)) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ### Driver [*Driver*](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIAiAnAlgNwKYoFBoDMFAR4EH0iABlwQHpqEBJENAFzTABs0AvLBDMdGABG7LAGcEYZlVoJmAC15CsAczQgmIFQgAUrOLwC8CcgEoqMugGEBVAB6GAzACYLNOgDF2kAO44qHg4AjJQIHgCehqGWCADKAA5YWAAmVGLxyYaAyoQWsgDiKGBiYrgAxuwoTrjxHDpB9eTkAByN5ACs5ADs5riyXr44JcmFPjqdTQA0gVPhE20AbAAs5rIAspDYcooIBN5+KBLJviBbvGKlKEkguBGGEQDU6amEYeEAfC0xAEoQR4jxkDELDQkGuYQcS0AfcABSIAWkWuF6dC+kDAqUupWYOmc5AmuMWiwmSwmzh6sliF0g7E4WgQyUwaGSOAQNKwuAIkBQCHCAB4AJwxWLyQjMBBCcKSHaFTEgk6QIgKXilACuKEuIFF+jZCDEhieACpiABSJrwqjDMCjPlBCYuCZNcKPCZ860TIJkugAVQyUl4ioQ8XYYHCzNKAgDgOBoKRUsgiH90Eg4TErFKAGtcA47PdE+EAHR2RGyJCggDkopUkAQ8qIKFRqQccDAdh0dhJZkzhjg6lbE0Wjg9CG9yV9px2e2ZAKBrGjMYACkGQ1yw3gauw6s4Qs1GpuuuYLaN5hM24tcY55m1SUA) is a peaceful drive down an empty highway with flowers on both sides. Can you figure out how to add oncoming traffic to make it more challenging? ~~~~~~~~~~~~~~~~~~~~~~~~~~ C++ #nanojam Driver if τ≟0 // Initialize variables at // the beginning (time = 0) // Car x=32 // Flower Fx=10 Fy=0 // Speed spd=⅓ // Grass clr=3 pal(111008000507) // Flowers draw(78,Fx,Fy,564) // Move the flowers down the screen Fy=Fy+spd if Fy>80 // Random position Fx=64ξ Fy=-4 // Road rect(20,0,44,64,2) // Scrolling divider line for y<9 // Shift by a fraction of the current time s=spd*τ%8-4 draw(91,32,8y+s,991,1) // Update the player car position // from the joystick x=x+joy.x // Don't go off road x=max(x,20) x=min(x,43) // Update the flower position // Player car pal(121008002107) draw(6,x,40,3652) ~~~~~~~~~~~~~~~~~~~~~~~~~~~ ### Star Attack [*Star Attack*](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIDKAXMAnBBBFaDGA1gFACWAZgoCPAg+kQAMRCAngLwDMATAwPRfYA2JAKYgAzgzB8QzANoBvAB4AuAIy1aAGkYqNIxQBYAvuoUq9GrWfW72tIyeUAOc4oBsO-QYC6RIj2Rp0MTJITBEAHhc9bl4AYUg4AAcAVxRBBDAEACJ0CAATeMyEPEg+JLgQBEgKwTA8AAsEdEgAd2iEYMwMkQD1dJBchBQ64SLGPD40khQECbIUBjrmOrAROoAKEQBKBgSRQRQ1yIBaNcO9AGpAZUJKTYAqOoBSSM2rdQBzHMY1y7rN7aIWIxztBIIwAHSMAHMOBgeRrPSabYsOAkECHcz-PwABT4YEYglCdRICSIuRyzTWrAc6lUmnUkWUmN4ElS6HAqT6JBhKBIVXaOTggjEBGYgChiQDahJQHuxANDEPj8WAEwiCIXSgAgiCQgBhksAUsBgkTnAjqfXyE0Q+l6ACs2wQ5AQa1NR1UmwATedHRCjow3WFlC4GAg-AAJKaDYYIVbEgCEgdS8gOmQAQgB5FMAWWjmXUHBz7HUelt7QEJIQCGaYCmgfQQv2gfEYPkR2YygY9tNYSOUTL2JIhHSCBAgmaCASkBEU15FWawwqkDIFBEeBrwkDppbNnOVtogD7gNcQ5gXK0uPdAA) is a side-scrolling space game where you have to dodge aliens...until you lose. There's no way to win in this version. Maybe you can fix that... This program uses an array of aliens. Each alien is represented by a table of its `x` position, `y` position, and sprite index `s`. This lets the game use a loop to avoid repeating the code for each alien. You could have any number of aliens using this basic structure. I got a little fancy with the star field. So, don't worry if you don't understand that part. But you can copy it to use in your own games anyway. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C++ #nanojam Star Attack if τ≟0 y=32 // Aliens aln=[{x:100,y:10,s:4},{x:140,y:40,s:20},{x:180,y:60,s:4}] // Stars for s<64 // Compute a "random" column on each row // for a star, and then cycle it left h=hash(s) pset(64-((64+⅓τ)*h%64),s,gray(⅓h)) y=y+joy.y y=max(4,y) y=min(60,y) // Player ship draw(38,10,y,641) // alternate animation frames k=⌊⅛τ%2⌋ // Aliens for a∈aln draw(a.s+k,a.x,a.y,645) if (a.x-10)²+(a.y-y)²<16 // Hit the ship! text("BOOM!",32,32,4) flip wait reset a.x-=1 if a.x<-4 // Pick a new position when off screen a.x=120+50ξ a.y=4+56ξ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Twitter ----------------------------------------------------------------------------------- Search Twitter for #nanojam to see the latest games others have posted, such as: - [Snake](https://twitter.com/Jackson_T_Allen/status/950542136247767041) by [@Jackson_T_Allen](https://twitter.com/Jackson_T_Allen) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIDKA5AggaQKICgCWAZgBQA1gI8ACUAzgLwDaAzAIwA0zAugNyAdwDQAycAxv04BTGkxwB3GgDYALDkBjwPUGQqLKnhDsc3ANQ1ASoTRIATwB0ADxwFIAJwR5AJkSSEVC2AAmXokSp0HgA2oiAAtABM7PpKgEa4RNwU+lIUAKQpnIREooD6RIIUOAjuFl6iQUR8BQhlVKKFCFY0AKyygH3A+vKcZs1tHTjigjgALqJWQ0T5OAAOteNWLGYsABwFdo5gADwMhWsIAEZb9WtEeBsAvcGhFIJ49oL+dBF40VIAVGBhUpqPePpML689p8WPIWE0ClkAD5WMJUQABBJD9JCzLDAIEEkI2smu+n0nBwZFSNAYgHcCIA)) - [Pong](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIAKkQHMBQB6LCBCYANoQgLwIAUArgDQBuAlNrgGoCmhkAxgJYAuATzKUAXjQDuTHAgDKXSACc2wgM7NkhMALYLhADwzqASmxVs+GHgDMKAGsAjwAyqk6pAMwAmANwrSAbQAGGgCAXS89f1oqMJFSAF6vcVIAHsMrRQQeAB4PDAQAI1IPCjiAWh4GLwEigFZ8gGpPPOkkMAATNsJlCDaEFXklPLaFMHEKABZxmj1AI1xSOB42ijdpmfqAB3aZgDo9GhqATgYaARoARkq+Nj0+ChUZmimBJgQW9s7lfMgqEC42POsFAAPgJSnQgTkAGRA2alKgQ8YMJKlZL5Zq4OSKf6ZGx0ABU+QAfAICQx6vUVIBAgkA0QQzLzOVxNdQAGR4IH+6QUFGyAA4GMNRhQDmcaDyeDRPDRhUx1ARiBgBWNxisqPVSGI6GrxFKztLDNIAOpEEhfH5-Sw2KiEgBsiNipTiFuoWQCDFicSAA) by [@CasualEffects](https://twitter.com/CasualEffects) - [Mandel](https://twitter.com/Jackson_T_Allen/status/951965451990552577) by [@Jackson_T_Allen](https://twitter.com/Jackson_T_Allen) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAICyBBAcgEQKIBkA0AjAFACWAZgBQA1gI8ACUAHgLwC0AvQNwCeTADBwGcmBAGxEAxgBsATk0CgREQYBqJgCZokLgDoGAegFEuK9Zq1d9pShu1g6AgFTCtxchWtaARnd1PiZSNIIAG4APCIALEQI-oEA7mGRCAiAjcBMFLEsAMyqdPpKDFEIgE3AaUFZOXlchWB8HB61JHyF0EwArLy6uiQIcGAFSbEAFiSSAKYUJCHQCABkCGAATUoeCyHhdIUI4kyLLCtKyZv1qmD2HkpFmzXimyRKSoUADgKjAC7peEF4gwJBFIAahCRdNA6IQ8CwgdAlAQ6EA)) - [Offroad](https://twitter.com/attilazz/status/979083374114598912) by [@attillazz](https://twitter.com/attilazz) [Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIDyAzFAnSYAmAoAligBQA1gI8ACUAbgLwAMA3AB40CMrArAMwMAWNAbQC6uAMYAbAM5FWAJgq4ADmHFEAHHS6z2dOgHYFKSOgT5AJkQA2ACy4EvQEa4NFDSt0AtLNlR8kgKZFZABo6ADo6WSJ8NyYKBQRxfBB-fEDrQJSUQKsKBmx0MAB3IisudMDMrgU8wqI9C0DZAGomLKtAjgBOViyFACMaXkBwgjdeQEiCXDAaNzAAFwgiXoaFJjcaKgAqUUhpMAUqVdC6VnWifehIAE8Qpkbeqvyiz0C1QLG3DkCOiw+6QN2GMT4dCiIgcIIvepyBQzXxMGZESgEFAIIhMAA8HQoBTA+BmDDI9CAA) - [Airplane Artist](https://twitter.com/Jackson_T_Allen/status/950120763595677696) by [@Jackson_T_Allen](https://twitter.com/Jackson_T_Allen) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAICCBJASgBQDJIHIFFk0AVFAZWICgB6agFwCcBLAUwBMFwoEIO4w2LHiB4M6COpACelJgDMAFABrAI8ABKAB4BeAAwBuKbr2AO4CMAHLQG0AunoDGkEHUp2ANgGcFARgBMaymZgrt4AHF46OgCcvjohOgDs-sYA1FqASoTQ0gB0GpQaqYAahA6exv5She5MIAqlsnIImVJZYJQIZs1sbAoaALQALMU1askAzIB9wD1e-m0dXVL9ldWloxNTlHKQDAhMADztriwg1D6tZu4sdAojXslmlj5M1j0aADTXt-dMyV5PUi8AbMkfGN-GwGGAAO5XHxvLywl59EY+OE6F4pAC9gAHgNRAA)) - [MOVE!](https://twitter.com/ugoerra/status/952121400038391809) by [@ugoerra](https://twitter.com/ugoerra) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAICyB5AagUQIQCgCWAZgBQA1gI8ACUADgLwDMA3ATQEyDuBDgMYA2AzkQEYWFHLwBOEACZEALCM40ZABgCcAlUoDsAmQICsOAFI1okAJ4A6AB45acPNLoAaKgGoAPYad6VIgpDEEK0ATIhlAVwIcBABrGkAoYhlAPuBXAUBoYkjJCQB3IjUnAA4rJwA2JWKimT0KBk48MU4iAFd6FisAWjJAJUIo1zoWJwA3Vk1XFhZePBAidzJAbUIKfKcWASqausaRgdaZRac6EQQqMG4iThGlFiiqjLBsmTzXKgBSPqpvPr0ZIr1FokMAHiUFH2hCIAB8Gq0qKDXKD+q09CxQX9fARWq0GCCSAQKJkwHgAC4MMg0JQ4fEAUys+KI2KAA)) - [Jump](https://twitter.com/matthughson/status/951009171742191616) by [@matthughson](https://twitter.com/matthughson) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIBSBVAsgBQFAEsBmAFAISAjwAJQAeAvAIwCsA3AJ5V0AMDAJixwMZUA2ACwMADlQ4BnWlgAuAUwqyCosrkIkAPGzK9IIWeoLRITAHRgwAMiaBTInZluVALSANQizcA1FTNsAzFgscDggBEye3AA0DljUwZwEbJEUnoDKhCbmFJHCarzOVJJGAD4UzrxFnkXszkxFmgJkJC4AnM1YeFQkgEqEHgBOYADuBADsNJ54AKQATMmRTJFTQgI0apz9QwAcbOMTfpG8kZIhBOQAVJKe7JFCdGr4BLzauoJCnsKAfcAM0u+eNGKennakF6CAAroATIg2WAQa0GBCEw0ioNOG2iqKmKyAA)) - [MADCAR](https://twitter.com/ugoerra/status/951463468191899648) by [@ugoerra](https://twitter.com/ugoerra) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAICyBBAIgYRQJQFAEsAzACgBrAR4AEoBPAXgAZcAHB3AYwBsBnYgFkuZgOxAKwBGAEz0AHPXoSpAdgFcAThAAmfSglx04+LRIDMAGmoBqaJGoA6aqePLcqgKZsALsQC0Y02MVTADZeU15QsSCBQkhVBAAPQBMiXkBXAlwEJi5XL15473IAXsc-ZwQAa1pAKGIJQD7gCzFAaGIAbgBXWl5ADwJiYxrKfKaAN1oATnreMvS2fFU2Yki8wtNvY3oLXnoysNMJAQQNdQB3YglQltMB0xFjUJ30omIAH0jvFoeLB4HvageAHijyBhNA5gfAeO4kFo-SKUJgWCy4fZgI4KfxBcyXa4CDyueJeJiUIA)) - [Space Drop](https://twitter.com/MonstersGo/status/951518882283556864) by [@MonstersGo](https://twitter.com/MonstersGo) ([Tweaked permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIDKAFAggYQKIICICUB5FAKAEsAzACgBrAR4AEoAPAXgGYAmAbgGcWAGLgE8WADi4BzAVwosAjP0EkeAJwgATKmwbKRcgGyA+4BIVIKhAFdAJkT6ALCQQAbMiACmVCwBo7nr3YC0PEI6CEH+LLb+osaUVAAOEq4ALlRMnsGABkT8DABuIoJJrkwpAEQAmoQAqnhYaLglDFwA7mBkSVx0Aggk6mpNWp5pQv62OjwA1CyASoTQkEIAdEzk1LMLYABkFAB82RLh-PP8bFy9YP2iAOyD6eOjMv7+JEyTPMKTEsoAVCyAGoSSk1MAE0kQrFKgUBhAA)) - [Flappy Nano](https://twitter.com/ugoerra/status/951567004867194881) by [@ugoerra](https://twitter.com/ugoerra) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIBiAbMAHdBPBA5CkAUAJYBmAFADWAjwAJQAeAvAMwBMA3FowIwBs76RgAZC6MCnIAWIQE4hADlYB2ec27dahAMYoATj1aEAzrogATcgFZNAFwCm9G+UCqhOk2CRpSLoT1AJkSsQpLyhAgA1oyAUMTMgH3AANTcgNDEoWamAO7kSjIANMxx8vQAtNQAvdm8rNmsrBqhXj7EADwhCAgAriysRdQAPezEcSzkxID6RGGarQBuLPnE7KlgGTLc2W3Zk+WWrNahCGTkAD58hW0HcQeThVgHzbTUwuxpYMQ2u-ttjXy06HFxhFiDagAUlYcWgkCwADosIQFhlmDk+NksLlJJZLHFpOQetRAJREGloQA)) - [TRON](https://twitter.com/Jackson_T_Allen/status/951962772061020165) by [@Jackson_T_Allen](https://twitter.com/Jackson_T_Allen) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIAqAlA8gOQFAEsBmAFADWAjwAJQAeAvANoAMANAGwDMAugNwCetLAjAxYAmTgBNajQAPAbLAHpZ+AiQCkQsgGNIIAC5Z1AGwBOVQKBEWPJEMIcAHiFYEeKmE0BnAgAcwowEa4AOgoyBwBzZ1ccEE9vfy4g60IvXwCAMl9AAyIAWjwAakkyXyo8B0VEmNSfTOD8nypghw9XAFNtAgofBi52gA5sgBYcOLbsqjcCXzjO4fDI8eKE4ObW9s6yNLoybUaKFqEMnGyAIgAFBAB1AEkMA8EhG4Y+Mg4AdzAcbQ4SKjogA)) - [Rain](https://twitter.com/CasualEffects/status/952049699569139713) by [@CasualEffects](https://twitter.com/CasualEffects) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIBKYCWIA0BGAUABzABsAKaAXgCYAWCgZgoqywAYB2AShwDNIAnBAB4AeLLRwIAFmQlgAzhOICA1AE5OCVGWLEAPQGbAI8DFWEpbXZLWzCe0CURFgCs7ALRNxPfgE8RuBAgAuAKYC-sQARICtwIATwABygAPAAI4GgHhEgKBEgH3ASADuzLaAVESAkMSAqUSAjcCATcCALcAAsg6AKcCAHcCA3cCAPcCAg8CAw8CAY8CAk8CAlcAA3lhhANpKStC2tFgAuhgOAhgAbBTOi54YcOjEqEpkAL1KexJL7OxAA)) - [Boot Sequence](https://twitter.com/CasualEffects/status/950048407942516736) by [@CasualEffects](https://twitter.com/CasualEffects) ([Permalink](https://morgan3d.github.io/nano/index.html?code=MQOwhiD2BWYLYAIBClIBcA0BGAUAejwQCcwBLEAI0gHccAzSIhMAHgCZB3AhwQE8BeOGAAeACgAMGQCPAAWgDMACzABneSLABKaZ3XcADkoCmaEQGNISteoBUPANSy2GJeUs37j+UoBuIwNqEPdR18QgAbSABzSHpGBGgWWW4GJlIWLABWbgR9IxFZAA5pUgxZMVtoDBEAbTyAdnyMNiw8gBY0hqxZEoBdQB8aQG7SUkBKIixrcJIeEThSABMRLGlJPDZADwIMCRGrEUW2MTkAH2hpLD3A9SA)) Saving ==================================================================================== You can download your program to a text file by pressing the export button on the top of the code editor (it looks like an arrow pointing down into a bucket). Clicking on the "url" link at the bottom of the code editor opens a browser window with a URL that encodes your program. Copying that URL allows you to give links that directly load nano with your program in it. The code is in the URL itself--this does not save anything on the server. You can also export a minimized version of your code by clicking on the hyperlinked "chars" at the bottom of the editor. This is useful when exporting to Twitter if you need the minimizer to hit satisfy the Twitter weighted character quota. A future release will support cartridges stored on Google drive, eliminating the need for a local file system. Emulator ==================================================================================== The emulator accepts keyboard and game controller input, as well as directly pressing its buttons on screen for mobile. On a gamepad, you must press a button before directional input will register in a web browser. Player 1 : Directions: WASD or arrow keys
A button: Z or Space
B button: X or Enter
start button: 1 Player 2 ("external gamepad") : Directions: IJKL
A button: G or ;
B button: H or .
start button: 7 Pressing the "run" button on the editor automatically transfers keyboard focus to the emulator. The emulator has special keyboard keys for: - F6: screenshot - F8: start/stop recording GIF Numbers ============================================================================================= Numbers are stored internally as double-precision (64-bit) IEEE floating point values. Integer operators truncate the decimal places of their arguments. The first 2^53=9007199254740992 contiguous positive integers are exactly representable. The largest finite representable number is about 1.7977x10^308. There are about seventeen decimal digits of precision on arbitrary numbers. NaN and positive and negative infinity are also exactly representable. Numeric literals contain an optional single plus or minus sign and one of: - a series of digits, followed by an optional decimal point and a series of digits - a decimal point followed by a series of digits - one of the following single-character fractions: `½⅓⅔¼¾⅕⅖⅗⅘⅙⅐⅛⅑⅒` Examples of legal numeric literals: ~~~~~~~~~~~~~~ none 1 -21.4 0 -0 .0 0.5 -½ +72.41 ~~~~~~~~~~~~~~ No hexadecimal, octal, binary, or exponential notation are allowed. Trailing decimal points are not allowed. Booleans ========================================================================================== There are no literals for booleans. Comparison operations create booleans, but explicit boolean values are never required because the logical operators work with any values. For logical operators and flow control, `0`, `∅`, and empty string act as false. Strings ========================================================================================== String literals are enclosed in double quotes (`"..."`). They may not contain newlines or double quotes. To enter a double quotation mark or slash, escape it with a slash: `"\\"` is the `\` character and `"\""` is the `"` character. The `+` operator performs string concatenation, coercing the right-hand argument if it is not a string. String characters are read-only substrings accessed using zero-based array syntax. The `.len` property of a string returns its length. The `|s|` syntax can also be used as a shorthand. Arrays ========================================================================================== Arrays are zero-based and have dynamically typed elements. Array literals are surrounded in square brackets and separated by commas. Square brackets are also used for l-value and r-value dereference. Arrays also support the special indexing syntax described in the Subscripts section. The `len` property of an Array is its length. It is both readable and writable. The `|a|` syntax can be used as a shorthand to read the length. Array examples: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ JavaScript a=[8,4,1] a[0]="hello" text(a[0],32,4) text(a.len,32,12) a₁+=2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Negative indices are permitted on arrays but will not be reported in the length. Reading an out-of-bounds value from an Array returns `∅`. Tables ========================================================================================== Tables (also known as dictionaries and objects in other languages) map keys to values. Literals are created using key-value pairs separated by a colon, surrounded by curly braces, and delimited by commas. Table elements can be accessed using the string name of a property in square brackets or by a period. This allows them to act as objects/structs. Table examples: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ JavaScript t={x:3,y:10} t.x+=1 text(t["x"],4,4) text(t.len,4,12) text(t.keys[0],4,20) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ The `keys` property of a table returns an Array of its keys. The read-only `len` property of the Table directly gives the number of keys. Variables ============================================================================================= Variables are implicitly declared by their first assignment. All variables have global scope except for the `for` loop variable, which has the scope of the body of the `for` loop. Variable name identifiers consist of an optional lower-case or upper case delta, plus 1-3 Roman letters or the unambiguous-looking Greek letters `αβδθλμξρσφψωΔΩ` by themselves. The identifier must not be a reserved word. No numbers, underscores, or other unicode characters are allowed in identifiers. Examples of legal identifiers: ~~~~~~~~~~~~~~~~~~~ none col scr L on i k Δx θ ~~~~~~~~~~~~~~~~~~~ Reserved ------------------------------------------------------------------------------------------ These are reserved tokens that cannot be used as variable names despite meeting the other naming criteria: `and`, `cos`, `do`, `end`, `fcn`, `for`, `get`, `go`, `has`, `if`, `in`, `len`, `let`, `NaN`, `new`, `not`, `or`, `ret`, `to`, `try`, `var`, `xor`, `sin`, `set`, `tan`. Built-in functions such as `tri` that are legal identifiers can be rebound. They are not reserved. `cos`, `sin`, and `tan` by themselves are bound to first-class functions, but the special syntax that allows them to be invoked without parentheses on single variables is tied to their exact names. The words below are not legal variable names anyway because they contain illegal characters or more than three letters, although the current compiler may not enforce that. They are reserved. All JavaScript and C++ reserved words are also reserved in nano. `#`, `$`, `then`, `else`, `elif`, `begin`, `while`, `until`, `loop`, `?`, `:`, `break`, `cont`, `flip`, `reset`, `main`, `catch`, `finally`, `enum`, `class`, `throw`, `return`, `yield`, `await`, `auto`, `template`, `public`, `private`, `protected`, `const`, `static` `async`, `goto`, `print`, `window`, `with`, `location` Comments ========================================================================================== Comments follow C/C++/Java/JavaScript syntax of `//` for single line comments and `/*`...`*/` for multi-line comments. Because comments are the front line in the conflict between nano's goals of letting you write *short* and *readable* programs, the editor shows the total character count with comments and blank lines removed in the "min" section of the status bar at the bottom. Operators ========================================================================================== Symbol | Meaning -------|----------- `++` | increment `--` | decrement `=` | assignment `≟` | equality test `≠` | inequality test (also logical XOR) `+` | addition and string concatenation `-` | negation `+=` | mutating addition, string concatenation `-=` | mutating subtraction `<` | less-than `≤` | less-than or equal to `>` | greater-than `≥` | greater-than or equal to `∈` | `for` loop container element-of `^` | exponentiation `*` | multiplication (see also implicit multiplication) `*=` | mutating multiplication `/` | floating-point division `/=` | mutating division `%` | remainder (modulo) `%=` | mutating modulo `⌊⌋` | floor function `⌈⌉` | ceiling function `||` | absolute value, or length for strings and arrays `[]` | table/array element or array constructor `{}` | table constructor (follow JavaScript syntax) `.` | table string-named element ("object member") `()` | grouping or function call `∩` | bitwise AND (bit set intersection) `∩=` | mutatin bitwise AND `∪` | bitwise OR (bit set union) `∪=` | mutating bitwise OR `&` | logical AND `or` | logical OR (you can often use the shorter `∪`) `⊕` | bitwise XOR `~` | bitwise NOT `~=` | mutating bitwise NOT `¬` | logical NOT `◅` | bit shift left `▻` | bit shift right There is no conditional ("ternary ?:") operator in nano. Spaces are not required around operators in most cases, so long as the text parses unambiguously. For example, `1or3` is equivalent to `1 or 3`. Behaviour of these operators is consistent with the JavaScript definition of the operation (even though JavaScript uses different operators). For example, the logical-AND expression `4 & 1` evaluates to `1` because `4` is non-false and the result of non-false AND another value is the other value. The trigonometric functions `cos`, `sin`, and `tan` may be invoked as if they were operators when the order of operations is unambiguous. For example, `cos a` ==> `cos(a)`, `cosβ` ==> `cos(β)`, and `cosθ*sinφ` ==> `cos(θ) * sin(φ)`. To avoid confusion and reserve future syntax, they may not be invoked in this form when a high-precedence operator follows the argument. Those operators are `.`, `[`, subscript, or exponentiation. Exponents ---------------------------------------------------------------------------------------------- The characters `⁺⁻⁰¹²³⁴⁵⁶⁷⁸⁹ᵃᵝⁱʲˣᵏᵘⁿ⁽⁾` can form exponent expressions that operate as if the `^` operator or `pow` function was invoked using those expressions as a second argument. The entire exponent expression is implicitly surrounded in parentheses. The variables `a`, `β`, `i`, `j`, `x`, `n`, `k`, and `u` may appear only as single-character variable names in exponents. Exponentiation, including via exponent characters, may not be performed on a negative number without parentheses. This follows the rules from JavaScript's `**` operator. For example, `x=y-1²` is legal, but `x=y+-1²` is illegal and must be rewritten as `x=y+(-1)²` or (the confusing and redundant expression, if that's really what was intended) `x=y+-(1²)`. Subscripts ---------------------------------------------------------------------------------------------- The characters `₊₋₀₁₂₃₄₅₆₇₈₉ₐᵦᵢⱼₓₖᵤₙ₍₎` can form subscript expressions that operate as if the array/table element accessor was invoked using those expressions as the second argument. For example, `aᵢ₊₂` is equivalent to `a[i+2]`. The entire subscript expression is implicitly surrounded in parentheses. The variables `a`, `β`, `i`, `j`, `x`, `n`, `k`, and `u` may appear only as single-character variable names in subscripts. Implicit Multiplication ---------------------------------------------------------------------------------------------- Multiplication is implicit wherever a number is immediately followed by a parenthesized expression or variable (including a function call). This also ocurs when any exponent appears immediately preceeding a parenthesized expression or variable. For example, `2x`, `x²y`, `3(x+y)`. Implicit multiplication can be used within subscripts or exponents. Built-in Objects -------------------------------------------------------------------------------------------- The following are special zero-argument operators for special functions and constants. They are not variable names and thus cannot be redefined. Name | Value -------|----------- `ε` | `0.0001` `π` | `3.141592653589793115997963468544185161590576171875` `∞` | infinity `NaN` | floating-point "not-a-number" value `∅` | nil ("undefined") `pad` | array gamepad of tables `joy` | shorthand for `pad₀` `ξ` | random number on [0, 1), resampled every time the expression is used Each gamepad table has direction fields `x` and `y` on [-1, 1] and `a` and `b` buttons on [0, 1] for current state. It also indicates which directions and buttons were pressed *in the current frame* with `xx`, `yy`, `aa`, and `bb`, which have the same ranges as their current-state counterparts. There is also the dependent field `θ=atan(x,y)`. The main-loop variable `τ` is time, as integer number of frames. It may be reassigned to reset time. Flow Control ============================================================================================== The flow control statements are: - `if` conditional with optional `else` and `elif` clauses - `while` loop - `until` loop - `for` loop - `loop` infinite loop - `break` and `cont` within loops - `reset` to restart the game There is no switch, do loop, goto, try/catch, or other flow control. Whitespace is significant, as in Python. Indentation must be exactly a single space per nested block. For flow control purposes, the empty string, 0, and `∅` are false. All other objects (including empty data structures) are true. The entire program is implicitly wrapped in an infinite loop. This loop: - flips the buffer - clears the screen to colour `clr` (set `clr=∅` to avoid clearing the screen) - increments `τ` Explicitly setting `τ=0` within the main loop resets the game on the next loop iteration. There is no way to reset the game on the first iteration. Within any loop, `cont` skips to the next iteration of the loop and `break` exits the loop. Because the entire program has an implicit time loop surrounding it, executing `cont` at the top level outside of any explicit loop will skip to the next `τ` loop iteration. `break` at top level will restart the entire program at `τ=0` with the default palette and clear color. Multi-line `if` statements may be followed by `else` and `elif` clauses. These must always be multi-line. Numeric `for` loops increment by 1 each iteration and always count up. The loop variable must be on the left-side of a single comparison loop expression or the center of a multi-comparison expression. Container iteration `for` loops iterate over the keys of a table, the characters of a string, or the elements of an array _as of the beginning of the loop_. If the container is modified during iteration, the original is still used. The Java/C++ equivalents of nano `for`-loop conditions are: nano | Java/C++ ------------------|------------------------ `for i≤k` | `for (i = 0; i <= k; ++i)` `for i<k` | `for (i = 0; i < k; ++i)` `for 4≤i<k` | `for (i = 4; i < k; ++i)` `for 4<i<k` | `for (i = 5; i < k; ++i)` `for x∈S` | `for (x : S)` The comparison operators in a `for` loop declaration are an overloaded syntax for comparison operators (just as many languages overload the `=` operator for `for` loops). They have the lowest precedence. For example, `for i<a||b` is equivalent to `for i<(a||b)`. To use regular comparison operators within `for` loop preamble, you *must* use parentheses to make the parsing unambiguous, for example, `for i<(a<b)`. Single-line `for`, `if`, `while`, and `until` are permitted. In each case, the test must be enclosed in parentheses and the body runs to the end of the line. There can be multiple single-line expressions on the same line. No `else` is permitted with single-line `if`. Special --------------------------------------------------------- The following are unconditional statements: - `flip`: Flip the buffers and update `pad`. Does not clear the screen. - `wait`: Flip the buffers and update `pad` until a gamepad button (not direction) is pressed. They are not functions and cannot be bound to variables or invoked with parentheses. Standard Library ========================================================= Standard library functions are first-class values. They can be stored in data structures and variables. There is no way to create new user functions in nano. Array --------------------------------------------------------- `array.add(x)` : Append `x` to the array. O(1) expected amortized time. `array.del(i)` : Delete element `i` from the array, preserving order. O(n) expected time. `array.find(x,i)` : Find the index of the element whose value is `x`, starting at optional index `i` (default 0). Returns `∅` if not found. O(n) `array.kill(i)` : Delete element `i` from the array, swapping it with the last element. O(1) expected amortized time. `array.len` : Set or get the length of the array. O(1) time to read, O(n) amortized time to write. `array.rem(x)` : Delete the first instance of `x` in the array, maintaining order. O(n) time in the length of the array. `array.sort(k)` : Sort the array from least to greatest. If `k` is a string, then elements of the array are assumed to be objects and are sorted by that key. If `k` is a number, then elements of the array are assumed to be other arrays and are sorted by that index. If `k` is not specified and the array contains objects, then elements are sorted by their alphabetically-first key. If `k` is not specified and the array contains numbers or strings, then they are sorted by natural order. String --------------------------------------------------------- `string.find(x,i)` : Find the index of the substring whose value is `x`, starting at optional index `i` (default 0). Returns `∅` if not found. O(n) time. `string.len` : Get the length of the string. O(1) time. `string.sub(s,e)` : Return the substring between `s` (inclusive) and optional `e` (exclusive, defaults to length). Table --------------------------------------------------------- `table.del(k)` : Remove a key-value pair by key. `table.keys` : An Array of the keys. `table.len` : The length of the table (read only). Math --------------------------------------------------------- `abs(x)` : Absolute value `acos(x)` : Inverse cosine in radians `atan(y, x)` : Arctangent of y/x, in radians `asin(x)` : Inverse sine in radians `cos(x)` : Cosine, `x` in radians `hash(x,y)` : A hash value of string or number `x`, returning a value on [0, 1]. If `y` is specified, the hash considers the union of the values. `min(a,b,...)` : Smallest of the arguments `max(a,b,...)` : Largest of the arguments `mid(a,b,c)` : Middle argument once sorted. Can be used for clamping. `noise(octaves,x,y,z)` : Value noise on the range [-1, 1], bicubically interpolated between integer locations at octave 0. Unused dimensions default to zero. `pow(a,b)` : Exponent. See also the `^` operator. `rnd()` : Random number. See also the `ξ` operator. `sgn(x)` : Sign of `x`. `sqrt(x)` : Square root. `sin(x)` : Sine of `x` radians. `srand(seed)` : Reset the random number generator, using an optional seed. `tan(x)` : Tangent of `x` radians. `wrap(x,hi)` : Real-number modulus. Wraps `x` to the range [0, `hi`). `hi` defaults to `1.0` if not specified. Graphics --------------------------------------------------------- `cls(c)` : Clear the screen to colour `c`. Unlike all other rendering commands, requires a colour argument and does not set the current colour to `c`. `circ(Ax,Ay,r,colourmap)` : Draw a circle centered at (`Ax`, `Ay`) with radius `r`. `draw(s,x,y,colourmap,xform,rot)` : Draw sprite with index `s` centered at (`x`, `y`), remapping sprite colours by 4-digit `colourmap` and transforming by `xform`. See the Sprites section for more information. The result is undefined and may change between versions for the cases where `s` is less than zero or greater than 63. `gray(v,x,y)` : Same as `rgb(v,v,v,x,y)` `hsv(h,s,v,x,y)` : Return the colour closest to the hue-saturate-value specification, which are each on [0, 1]. If `x` and `y` are specified, apply a dithering pattern based on the pixel position. `pget(x,y)` : Get the screen colour of pixel (`x`, `y`). Returns `∅` if out of bounds. `line(Ax,Ay,Bx,By,colourmap)` : Draw a line from (`Ax`, `Ay`) to (`Bx`, `By`) using the 1-digit colourmap. `pal(p)` : Sets the draw palette colours 1-6 from the 12-digit palette. See the Colours section for details. With no arguments, resets to the default palette. `pset(x,y,c)` : Set the colour of pixel (`x`, `y`) to colour `c` (*not* a colourmap). If `c` is not specified, use the previous colour. `pset(c)` : Set the previous colour to `c` (*not* a colourmap) and draw a single pixel offscreen. `rect(Ax,Ay,Bx,By,colourmap)` : Draw the rectangle from any two points. The 2-digit `colourmap` is the fill and the border. `rgb(r,g,b,x,y)` : Return the colour closest to (`r`,`g`,`b`), which are each on [0, 1]. If `x` and `y` are specified, apply a dithering pattern based on the pixel position. `text(s,x,y,colourmap)` : Print string `s` centered at (`x`, `y`) using the 2-digit colourmap. The first digit (1's place) is the text colour, the second digit (10's place) is the shadow colour, and the third digit (100's place) is the outline colour. The second digit is handled differently for other commands. 0 means transparent instead of "previous colour" so that single-digit colourmaps render text with no outline or shadow. If only `s` is provided, defaults to drawing in the center of the top of the screen in the previous color. `tri(Ax,Ay,Bx,By,Cx,Cy,colourmap)` : Draw the triangle using the 2-digit colourmap for fill and border. The default colourmap is 0, which corresponds to the colour from the previous command. Borders are drawn inside shape coordinate boundaries and on top of fills, so a transparent border is identical to a border that is the same colour as the fill. Shapes include their endpoints and borders. Pixel centers are at integer locations. That is, pixel (0,0) covers (-½, -½) to (½, ½). ### Colours The nano can display 32 different *colours*. The first 16 colours follow the order of the [PICO-8](https://www.lexaloffle.com/pico-8.php) colours by Joseph White, but are shifted slightly towards [DawnBringer's DB16](http://pixeljoint.com/forum/forum_posts.asp?TID=12795) and tweaked to give a better grayscale. The second 16 colours fill some holes between them and add the original Gameboy palette. ![
The nano Palette Tool
](palette-tool.png width=50%) The *palette* is a set of 10 colours available for drawing shapes and sprites, which are selected from the full 32 possible colours on the screen. In the palette, six colours are user-selectable and four are special values that are not configurable. The `pal` command changes configurable part of the palette by specifying a 12-digit integer. Every two digits are one colour. Changing the palette does not affect colours already written to the screen. A *colourmap* is a mapping from parts of a shape or sprite to colours in the palette. These are used for specifying the borders and fill colours (as a two-digit integer) of a shape, the colour of a line (as a one-digit integer), and remapping the four colours from a sprite (as a 1-4 digit integer). The interpretation of colour map digits within the palette is: - 0 = default colour for this command - 1-6 = configurable - 7 & 8 = reserved for future features - 9 = transparent For example, to set the configurable colours to a grayscale ramp (0,1,5,13,6,7) of PICO-8 colours, use `pal(70613050100)`. Note that there cannot be a leading zero on the number. The default colour for most commands is the previous colour used. For text, the default is the previous colour for the main stroke and transparent for the outline and shadow. The initial configurable palette is equivalent to `pal(121008000607)`. This corresponds to white, gray, black, red, yellow, aqua. The initial default colour is white. Changing the palette preserves the default colour. Note that unlike other drawing commands, `pset` and `pget` operate directly on colours instead of palette values. ### Sprites There are 96 hard-coded 8x8 sprites provided in read-only memory: ![
The nano Spritesheet
](../sprites.png width=512 border=2 style="image-rendering: pixelated; image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor;") They are designed so that the colourmap for `draw()` allows animation and re-use of individual sprites as multiple images. For example, the heart sprite can be shown as an outline, half full, completely full, or full and small by changing the colourmap. `draw` renders centered sprites. Centering for an 8x8 sprite means offsetting x,y by 3.5 in each dimension. This makes (3,3) the "center" for integer coordinates. The xform value is encoded in three bits as: - if `(xform ∩ 1)`, flip diagonally - if `(xform ∩ 2)`, flip horizontally - if `(xform ∩ 4)`, flip vertically This allows all axis-aligned transformations to be encoded in a single digit. The 90-degree clockwise rotations are thus (xor these with with 2 or 4 if you want to also flip H or V): CW Rotation |VHD Bits| `xform` -----------:|--------|--------- 0 degrees | 000 | 0 90 degrees | 011 | 3 180 degrees | 110 | 6 270 degrees | 101 | 5 The `rot` argument rotates an arbitrary amount clockwise in radians *after* the `xform` transformation. It defaults to zero. For rotating by 0 ≤ `i` < 4 integer 90-degree clockwise intervals programmatically, consider these three different methods: ~~~~~~~~~~~~~~~~~~~~~ JavaScript draw(s,x,y,c,0,½πi) draw(s,x,y,c,3i-4⌊⅓i⌋) r=[0,3,6,5] draw(s,x,y,c,rᵢ) ~~~~~~~~~~~~~~~~~~~~~ The first approach has the advantage that it works for all (reasonably small) integer values of `i`, including negative ones. Sound --------------------------------------------------------- `sfx(s)` : Play sound effect `s` Title Flags --------------------------------------------------------- The first line of a nano program must be `#nanojam` followed by the game title and an optional comma and integer flags. The only current flags are `1` = no title screen and `0` = default. Future flags will affect the rendering of the title screen and cartridge label. Implementation ==================================================================================== The current implementation compiles the nano source code to JavaScript for execution, and passes through many JavaScript expressions even if not defined by the nano specification. JavaScript features not explicitly mentioned in this specification are illegal. They might sneak past the current version of the compiler, but are likely to break in future versions or as the surrounding code changes. Limitations ------------------------------------------------------------------------------------ The following features are documented but not implemented in the current Beta build. They are scheduled for upcoming releases: - `for` loops that count down - Sound effects - Text shadow and outline - Title screen animations - Triangle borders don't always align perfectly with triangle fill The following are permanent limitations: - When converting values to strings, the `∞` value becomes the string `"Infinity"` and the `∅` value becomes `"undefined"`. # Credits The nano's influences include Atari 2600, Commodore VIC-20, PICO-8, APL, Python, Shadertoy, and Arduboy. The 3x5 nano font is original, but was informed by by Yuji Oshimoto's 04B-24 freeware font http://www.04.jp.org/ and Joseph White's PICO-8 font. The nano JAMMER IDE, compiler, font, palette, and artwork are copyright 2018 Morgan McGuire. They were created as a one-week vacation "game" jam challenge, which should set your expectation level for support and acceptance of patches at zero. The nano package and implementation, including: - [`index.html`](../index.html) - [`nano.css`](../nano.css) - [`nano-compiler.js`](../nano-compiler.js) - [`nano-runtime.js`](../nano-runtime.js) - [`nano-ide.js`](../nano-ide.js) - [`color.js`](../color.js) and excluding the content described below, are licensed under the [GPL 3.0](https://opensource.org/licenses/GPL-3.0), but may be relicensed in the future. The cherry, apple, and chicken sprites are by Justin Cyr ([@JUSTIN_CYR](https://twitter.com/JUSTIN_CYR)). 3D PAC-MAN Ghost and Mario character based on sprites by Johan Vinet ([@johanvinet](https://twitter.com/johanvinet)). GIF support via [gif.js](https://github.com/jnordberg/gif.js/) (c) 2013 Johan Nordberg, used under the MIT license. It includes code by Kevin Weiner, Thibault Imbert, and Anthony Dekker. The random number generator is derived from [an implementation](https://github.com/AndreasMadsen/xorshift/blob/master/xorshift.js) of xorshift (c) 2014 Andreas Madsen and Emil Bay used under the MIT license. The code editor for the nano IDE is [ace.js](https://ace.c9.io/) used under the BSD license. URL encoding uses [lz-string.js](https://github.com/pieroxy/lz-string) (c) 2014 Pieroxy under its license that permits any use. # Changes 2018 Jan 30-Feb 4: - Added `joy.θ` field - Added `∪=` and `∩=` operators - Added a custom Google Drive `nano` property - User name displayed - Fixed cart cloning - Changed scope of `for` variable declaration - Paste into the Palette tool 2018 Jan 22-29: - Google Drive support - Added built-in carts - Optimized exponent performance - Optimized `if` performance - More examples in the manual - Increased GIF limit to 12s - Banana sprite 2018 Jan 15-21: - `tri()` - Ctrl-R reloads the emulator (not the web page) - Search box for IDE (Ctrl-F) 2018 Jan 7-14: - Container iteration (`for x ∈ S`) loops - Text culling optimization - `text` now defaults to `y=3` (top of screen) - Fixed `rect` and vertical `line` - GIF recording indicator - Fixed lower-bound `for` loops - Start button - Buttons on emulator work - Comments allowed on line 1 - Title screen button prompt - Fixed multiple `if` statements on one line - Fixed sprite 95 - URL encoding - Made octal constants illegal - fixed Chrome + Windows pasting - Export minified code - Aggressive character minification - AdBlock warning - Twitter character counts - implicit multiplication in exponents and subscripts - `array.sort()` - fixed `pget()`