SSI Includes

למי שרוצה לבנות אתר דינאמי ללא מערכת ניהול תוכן

מאוד מאוד שימושי

תגובות

הוסף רשומת תגובה

פוסטים פופולריים מהבלוג הזה

Thoughts on HTML5, a Flash Developers hopeless rant

My name is Yonny Zohar, I'm a game developer with six years experience. I've worked on several commercial titles including " Bingo Island ", and have recently made the move from flash development to html5. Six years ago, while i was learning flash, i worked simultaneously with html, CSS and js. back then my impression was that flash was simply light years ahead in terms of development ease, code maintenance and error handling. Returning now to html5 six years later, I was very weary - had things improved since 2009? I've spent the last several months hearing from everyone around me that the answer is a definite "YES". I'm here to say- the answer is still a definite NO! Lets begin this rant with my number one hatred - CSS: NO DEBUGGING - Debugging css is awful. you spend days trying to figure out why elements don't behave the way they should. Try adding and removing properties to elements hoping it will make them act the way you want or...
המשך לקרוא

Pixel Manipulation

תמונה
In a previous post we saw how to simulate a 3d road, or world in first person using only pixel manipulations. Today i'd like to show another example - a sort of screen saver that simulates depth by playing around with pixels. We need 2 images - a picture to sample pixels from, and a blank canvas to "paint" to. As show in the video, we're going to simulate a moving image that seemingly flies around in space. We define a percentage value for each of the four sides of the destination image. For instance, we want the top row to be at a width of 50% of the original image, the bottom row to be 100% (as show here) 0,0,0,1,1,1,1,1, 0, 0, 0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0, 1,1 , 1 ,1 ,1,1,1,1,1 ,1, We then calculate the distance between the rows, and the required width of each row along the way using percentages (between 0.5 ...
המשך לקרוא

Pseudo 3D First Person Shooter Example

תמונה
We're still dealing with Pseudo 3D retro games - The creation of 3d worlds without using a 3d engine, models etc - but rather simple pixel manipulation on a 2d canvas.Today I'd like to show an example of the beautiful classic - Wolfenstein 3d - which was a pioneer in the pseudo 3d category.In previous posts we saw how to simulate depth on a static image of a road, by progressing towards an imaginary distance. We did so by drawing the pixels in each row of the road according to a set percentage that got smaller as we progressed towards the distance.In Wolf 3d the creators used a similar approach. They split the screen into columns and filled each column with a "wall segment". The height of each wall (the number of rows the pixels of each segment took up) was determined by the distance of the player to that wall.How do you calculate distance and depth in a 2d canvas? By using a technique called "Ray casting".You start out with a 2d map (can be seen in t...
המשך לקרוא