rot.js | ROguelike Toolkit in JavaScript. Cool dungeon-related stuff, interactive manual, documentation, test | Game Engine library

The linear_interpolate function is supposed to calculate a color between two colors, based on the linear function y = mx + b. To apply the linear function to colors, y is the output color, m is the difference between the two colors, b is the start color and x is a value between 0 and 1. When x is 0, this function outputs the start color. When x is 1, this function outputs the end color.

To do this calculation we need the color in the form of three numbers. If you need to use hex strings, you'll have to split them and parse each two characters as a 16 bit number. I'm going to use a palette that is already in number form, because it is easier.

Here's my three color palette. I'm not recommending that you use these colors, it's just for demonstration:

The issue you are having is that your canvas size is too small and it's clipping the image to the size. You're drawing the pixels correctly, it's just outside the bounds of the canvas. Try setting the width & height of the canvas element to something large enough to hold your image:

I think what you need to change is :

:) I just solved it this way:

In MorphAnimMesh.js I defined the variable clip like this: var clip = this.geometry.animations[ 0 ];

instead of var clip = THREE.AnimationClip.findByName( this, label );

and then called mesh.playAnimation(0.0003); in the function where I add the morph.

I hope it helps somebody. :)

You are setting the state in levelRender and overwriting the same with the previous state.

On line 452, this.leverRender is being invoked, which actually sets the new game state (desired). Later, on line 485, state is being overwritten with the variable map which has got the old values, which is responsible for the undesired output. This has to be resolved by setting the state only once, or setting it twice but with updated values of map.