kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store ]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store
]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store
]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store ]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store
]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store ]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store ]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com
]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store ]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store
]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store ]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store
]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store
]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ kode80 http://kode80.com Coding for web, iPhone and OSX Mon, 09 Apr 2012 18:19:00 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 HoloToy perspective in WebGL http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/ http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/#comments Mon, 09 Apr 2012 18:18:34 +0000 Ben http://kode80.com/?p=1035
Mouse movement controls the head position used to calculate the perspective and modelview matrices.

Ever since I released HoloToy I have received many questions about how exactly it produces the perspective distortion that (combined with the device orientation/head-tracking) gives the illusion of glasses-free 3D. I've answered all these questions individually as and when but with my recent dives into WebGL I figured this was a good time to put an example up that people can use.

The effect is very simple to achieve. First an off-axis projection matrix is created, offset by the head position. Then a modelview matrix is created, looking directly into the 'room', offset by the inverted head position. These two matrices cause the 'fourth wall' to remain stationary while everything beyond moves according to depth.
The code for this example is linked directly below. The matrix generation is handled in main.js and uses Javascript equivalents of OpenGL/GLUT matrix functions so should be very easy to port to your required platform.
Code

main.js, WebGLController.js, SimpleMeshGL.js, J3DIMath.js

Links

Try HoloToy for yourself (App Store link)

Watch a selection of videos with HoloToy running on-device.

]]> http://kode80.com/2012/04/09/holotoy-perspective-in-webgl/feed/ 1-bit Ninja Level Modding http://kode80.com/2012/03/30/1-bit-ninja-level-modding/ http://kode80.com/2012/03/30/1-bit-ninja-level-modding/#comments Fri, 30 Mar 2012 17:34:16 +0000 Ben http://kode80.com/?p=1028 The latest 1-bit Ninja has a hidden feature not disclosed in the description or the update notes; level modding! Non-console games have a long history of allowing players to modify their content to varying degrees and this is something that had a great influence on my love of games when growing up. I wanted to add this functionality to 1-bit Ninja so that adventurous players could try their hand at building their own levels and maybe inspire a few to look further into game development. Included in the latest 1-bit Ninja update are the base maps for every level in the game, the tileset and a level-modding howto. These files can be found by connecting your device to iTunes and going to File Sharing. The video below demonstrates how to edit/create 1-bit Ninja levels for playing in the game. Get 1-bit Ninja on the App Store
]]> http://kode80.com/2012/03/30/1-bit-ninja-level-modding/feed/ 1-bit Ninja Lite on the App Store now! http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/ http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/#comments Mon, 26 Mar 2012 14:02:27 +0000 Ben http://kode80.com/?p=1021 1-bit Ninja Lite is now available for download from the App Store allowing players to try their hand at 5 full levels of nail-biting 2D/3D run and jump action for free. 1-bit Ninja's classic features such as full replay recording and export are included in 1-bit Ninja Lite so players can show off their best times and scores. 1-bit Ninja was recently updated to 1.2 bringing new levels and more including a new custom checkpoint feature that gives players the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. 1-bit Ninja brings nostalgia up to date with it's 3D slant on the classic 2D gameplay. Secrets are hidden behind the 3D perspective that require the player to explore beyond 2D. The full version contains 5 worlds, 25 levels and over 125 challenges as well as Game Center leaderboards, achievements and more. Download 1-bit Ninja Lite from the App Store
]]> http://kode80.com/2012/03/26/1-bit-ninja-lite-on-the-app-store-now/feed/ 1-bit Ninja World 5 Update http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/ http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/#comments Thu, 22 Mar 2012 13:03:05 +0000 Ben http://kode80.com/?p=1011 Introducing a whole new world, 1-bit Ninja update 1.2 is now available! World 5 continues right from where world 4 left off and will challenge players with even more tight jumps and hair-raising enemy setups. With the new custom checkpoint feature players have the option of avoiding being sent back to the beginning of the current level upon death. Perfect for practicing tricky sections, custom checkpoints give the more casual player a helping hand in beating some of 1-bit Ninja's more challenging levels. To avoid cheating, high scores and best times are not submitted to Game Center if custom checkpoints were used to achieve them. This update also fixes replay-to-movie exporting in iOS 5. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/03/22/1-bit-ninja-world-5-update/feed/ GLSL Studio 1.02 now available http://kode80.com/2012/02/01/glsl-studio-102-now-available/ http://kode80.com/2012/02/01/glsl-studio-102-now-available/#comments Wed, 01 Feb 2012 15:29:10 +0000 Ben http://kode80.com/?p=1004 The second GLSL Studio update is now available! GLSL Studio 1.02 introduces 3D model import enabling developers and artists to test shader programs on their own 3D models directly in the app. A number of different file formats are supported including .OBJ .PLY and .MD2. Importing 3D models into GLSL Studio is made simple with iTunes File Sharing. The GLSL Studio code editor also sees a significant update in 1.02 gaining full code completion. As you type, GLSL keywords, function names and more are suggested along the top of the keyboard acting as a language guide and adding significant typing shortcuts. When exporting shader programs, GLSL Studio now also exports the current vertex data as a static array .h file making it even easier to quickly integrate and test in off-device projects. Check out the new video below and learn more at: www.glslstudio.com ]]> http://kode80.com/2012/02/01/glsl-studio-102-now-available/feed/ 1-bit Ninja level creation time lapse http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/ http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/#comments Thu, 26 Jan 2012 20:41:10 +0000 Ben http://kode80.com/?p=997 New levels for 1-bit Ninja are in the works as well as some other tweaks and secret features. I thought it would be nice to show a small piece of what goes into a new level so I recorded this time lapse of the process starting from scratch. View 1-bit Ninja on the App Store ]]> http://kode80.com/2012/01/26/1-bit-ninja-level-creation-time-lapse/feed/ GLSL Studio Ver 1.01 now available http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/ http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/#comments Thu, 12 Jan 2012 17:57:00 +0000 Ben http://kode80.com/?p=991 GLSL Studio IconThe first update to my third kode80 iPhone app GLSL Studio is now available on the AppStore! This update adds a custom keyboard with arrow keys and coding shortcuts, light/dark syntax themes, code auto-indentation and more. GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL. Click here for the full GLSL Studio site]]> http://kode80.com/2012/01/12/glsl-studio-ver-101-now-available/feed/ GLSL Studio on the App Store now! http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/ http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/#comments Wed, 04 Jan 2012 17:26:33 +0000 Ben http://kode80.com/?p=980 GLSL Studio IconMy third kode80 iPhone app GLSL Studio is now available on the AppStore! GLSL Studio is the first fully featured OpenGL programming environment for iOS enabling graphics/game developers to work on GPU code and effects directly on their iOS devices while also providing a safe and easy environment for aspiring developers to learn through experimentation. GLSL, OpenGL Shader Language, is a GPU programming language used by most modern portable devices and new technologies such as WebGL.
Click here for the full GLSL Studio site
]]> http://kode80.com/2012/01/04/glsl-studio-on-the-app-store-now/feed/ The big 1-bit Ninja giveaway! http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/ http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/#comments Mon, 27 Jun 2011 20:05:19 +0000 Ben http://kode80.com/?p=947 "already becoming one of my favorite games on the iPhone" - Kotaku "1-Bit Ninja is, well, brilliant" - Gamezebo "1-bit Ninja has enough originality and charm to forge its own path" - PockerGamer "1-bit Ninja is a truly unique and rewarding experience" - 148Apps To celebrate the launch I will be giving away some copies of the game as well as limited edition 1-bit Ninja vinyl stickers throughout the week on Twitter. To enter simply retweet this: Click for 1-bit Ninja Giveaway Tweet
appstorebadge
1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/27/the-big-1-bit-ninja-giveaway/feed/ 1-bit Ninja releases this Thursday! http://kode80.com/2011/06/20/1-bit-ninja-releases-this-thursday/ http://kode80.com/2011/06/20/1-bit-ninja-releases-this-thursday/#comments Mon, 20 Jun 2011 17:39:24 +0000 Ben http://kode80.com/?p=925 After many months, 1-bit Ninja is officially complete, approved and ready for release this Thursday (June 23rd 2011). 1-bit Ninja is pure run + jump fun unlike anything else on the App Store. The stylized 2D side-scrolling world can be dragged into 3D at any point to reveal hidden paths. Built from the ground up for touch screen control that rivals 'real buttons', 1-bit Ninja sacrifices a back button in the name of precise control you don't ever have to think about. Need to move in the opposite direction? There's a spring or platform for that! * stylized 1-bit engine mixes 2D & 3D * simple 2 touch control for jump-precision * classic head-bouncing, run + jump gameplay * hiscores & best times * save & watch replays of your best runs * 4 worlds, 20 levels & over 100 challenges * secrets & easter eggs * unlockable camera modes inc. red/cyan 3D glasses mode * original chip-tune sound track
]]> http://kode80.com/2011/06/20/1-bit-ninja-releases-this-thursday/feed/