A fast, easy to use, free, and community supported 2D game engine
Thanks for that! I did make some subclasses to use it--with a few extra additions too.
It grays out the backside over the time instead of always white, for a kind of shadow effect. And also added so you can tell it which corner of the screen the page turn comes from. Not just lower right :)
Nothing super special :) I did so it can simply replace the existing call to make it easy, but you can add some new parameters too, fromCorner:MyPageTurnCornerUpperRight or other corners.
[[CCDirector sharedDirector] replaceScene:[ccMyTransitionPageTurn transitionWithDuration:1.0f scene:newScene
fromCorner:MyPageTurnCornerUpperRight backwards:NO]];@MichaelB Thanks for the great code - very useful indeed. Thought I would add a follow up to add a shadow layer to the scene behind.
/**
add a shadow gradient to the scene behind
*/
- (void) addShadow {
CGSize s = [[CCDirector sharedDirector] winSize];
CCScene *scene = back_ ? outScene_ : inScene_;
CCLayerGradient * shadow = [CCLayerGradient layerWithColor:ccc4(0,0,0,255) fadingTo:ccc4(0,0,0,0) alongVector: ccp(1.f,0.f)];
BOOL rightToLeft;
int topToBottom;
float startAngle, destAngle, startX, destX, move_duration, startY;
if (turnCorner == MyPageTurnCornerUpperRight || turnCorner == MyPageTurnCornerLowerRight) {
rightToLeft = !back_;
topToBottom = (turnCorner == MyPageTurnCornerUpperRight) ? 1 : -1;
startAngle = rightToLeft ? -45 * topToBottom : 0;
destAngle = rightToLeft ? +45 * topToBottom : -45 * topToBottom; //rotate 45 degrees
startX = rightToLeft ? 0 : -s.width;
destX = rightToLeft ? -s.width : s.width; //move the full width of screen
move_duration = rightToLeft ? 1.3 : 1; // if forwards go slower - gives nice offset
startY = topToBottom == 1 ? -.5 * s.height : 0;
}
else if (turnCorner == MyPageTurnCornerUpperLeft || turnCorner == MyPageTurnCornerLowerLeft) {
rightToLeft = back_;
topToBottom = (turnCorner == MyPageTurnCornerUpperLeft) ? 1 : -1;
startAngle = rightToLeft ? 180 : 180 + 45 * topToBottom;
destAngle = rightToLeft ? +45 * topToBottom : -45 * topToBottom; //rotate 45 degrees
startX = rightToLeft ? s.width : 0;
destX = rightToLeft ? -s.width : s.width; //move the full width of screen
move_duration = rightToLeft ? 1.3 : 1; // if forwards go slower - gives nice offset
startY = topToBottom == 1 ? -.5 * s.height : 0;
}
[shadow setRotation:startAngle];
[shadow changeHeight: s.height * 1.5];
[shadow setPosition:ccp(startX, startY)];
id move = [CCMoveBy actionWithDuration:duration_*move_duration position:ccp(destX, 0)];
id rotate = [CCRotateBy actionWithDuration:duration_ angle:destAngle];
id spawn = [CCSpawn actions:move, rotate, nil];
[scene addChild:shadow z:1];
[shadow runAction:spawn];
}and to call add into onEnter:
/**
update onEnter to addShadow
*/
-(void) onEnter {
[super onEnter];
[self addShadow];
...Depending on which corner you use you get some artifacts and highering the value 7 in the line:
p.z = (r * ( 1 - cosBeta ) * cosTheta) / 7;
seems to make some difference but effects the overall quality, any ideas?
Please, can anybody help me rewrite this method to OpenGL ES 2.0?
-(void)blit {
NSInteger n = gridSize_.x * gridSize_.y;
// Default GL states: GL_TEXTURE_2D, GL_VERTEX_ARRAY, GL_COLOR_ARRAY, GL_TEXTURE_COORD_ARRAY
// Needed states: GL_TEXTURE_2D, GL_VERTEX_ARRAY, GL_TEXTURE_COORD_ARRAY
// Unneeded states: GL_COLOR_ARRAY
//enable culling, the default cull face is back
glEnable(GL_CULL_FACE);
//now only the front facing polygons are drawn
glDisableClientState(GL_COLOR_ARRAY);
glVertexPointer(3, GL_FLOAT, 0, vertices);
glTexCoordPointer(2, GL_FLOAT, 0, texCoordinates);
glDrawElements(GL_TRIANGLES, (GLsizei) n*6, GL_UNSIGNED_SHORT, indices);
//change the winding of what OpenGl considers front facing
//only the back facing polygons will be drawn
//this works better then changing the cull face
glFrontFace(GL_CW);
glDisable(GL_TEXTURE_2D);
glDisableClientState(GL_TEXTURE_COORD_ARRAY);
glColor4ub(255.0,255.0,255.0,255.0);
glDrawElements(GL_TRIANGLES, (GLsizei) n*6, GL_UNSIGNED_SHORT, indices);
//restore GL default states
glFrontFace(GL_CCW);
glDisable(GL_CULL_FACE);
glEnable(GL_TEXTURE_2D);
glEnableClientState(GL_TEXTURE_COORD_ARRAY);
glEnableClientState(GL_COLOR_ARRAY);
}DIYMF!
I spy some code in CCGrid3D 'blit' and combine it:
-(void)blit {
NSInteger n = gridSize_.x * gridSize_.y;
// Default GL states: GL_TEXTURE_2D, GL_VERTEX_ARRAY, GL_COLOR_ARRAY, GL_TEXTURE_COORD_ARRAY
// Needed states: GL_TEXTURE_2D, GL_VERTEX_ARRAY, GL_TEXTURE_COORD_ARRAY
// Unneeded states: GL_COLOR_ARRAY
//enable culling, the default cull face is back
glEnable(GL_CULL_FACE);
//now only the front facing polygons are drawn
//glDisableClientState(GL_COLOR_ARRAY);
ccGLEnableVertexAttribs( kCCVertexAttribFlag_Position | kCCVertexAttribFlag_TexCoords );
[shaderProgram_ use];
[shaderProgram_ setUniformForModelViewProjectionMatrix];
glVertexAttribPointer(kCCVertexAttrib_Position, 3, GL_FLOAT, GL_FALSE, 0, vertices);
glVertexAttribPointer(kCCVertexAttrib_TexCoords, 2, GL_FLOAT, GL_FALSE, 0, texCoordinates);
glDrawElements(GL_TRIANGLES, (GLsizei) n*6, GL_UNSIGNED_SHORT, indices);
//change the winding of what OpenGl considers front facing
//only the back facing polygons will be drawn
//this works better then changing the cull face
glFrontFace(GL_CW);
//glDisable(GL_TEXTURE_2D);
//glDisableClientState(GL_TEXTURE_COORD_ARRAY);
ccGLEnableVertexAttribs( kCCVertexAttribFlag_Position | kCCVertexAttribFlag_Color );
//ccDrawColor4F(255.0,255.0,255.0,255.0);
glDrawElements(GL_TRIANGLES, (GLsizei) n*6, GL_UNSIGNED_SHORT, indices);
//restore GL default states
glFrontFace(GL_CCW);
glDisable(GL_CULL_FACE);
//glEnable(GL_TEXTURE_2D);
//glEnableClientState(GL_TEXTURE_COORD_ARRAY);
//glEnableClientState(GL_COLOR_ARRAY);
}May be this code contains the excess lines, but it works on Cocos2d 2.0 rc1!
Source code of transitions class http://dl.dropbox.com/u/3492486/page%20turn%20with%20back%20color.zip
I try to obtain control over color of bg, but unsuccess.
This line glColor4ub(255.0,255.0,255.0,255.0); worked on OpenGL ES 1.x (fill both sides of page), but now new line ccDrawColor4F(255.0,255.0,255.0,255.0); does not give any effect.
Sorry, I'm total noob on OpenGL =)
You must log in to post.
