Coder Social home page Coder Social logo

Shadow on curled view about xbpagecurl HOT 8 OPEN

xissburg avatar xissburg commented on June 16, 2024
Shadow on curled view

from xbpagecurl.

Comments (8)

xissburg avatar xissburg commented on June 16, 2024

This is in my todo-list. I will have to add rectangles with a semi-transparent texture so make the shadows.

from xbpagecurl.

futuretap avatar futuretap commented on June 16, 2024

Awesome, thanks for the great work!

from xbpagecurl.

xissburg avatar xissburg commented on June 16, 2024

I am eager to get back to work on this feature, but I am still struggling to find some spare time. You can also write some code to contribute to the project if you want ;)

from xbpagecurl.

futuretap avatar futuretap commented on June 16, 2024

Unfortunately, OpenGL ES 2 with the shader language is a bit over the top of my head. But I just submitted a little fix. See pull: #34

from xbpagecurl.

TroySob avatar TroySob commented on June 16, 2024

Hi,

I have another related question to the shadowing on the topside when the page is curled. How is the shadowing cast by the page curl on the topside generated? I figured out both the bottom shadow and texture shader, but I am having trouble with the top shadow generator.

I am trying to implement similar to IOS maps app. by creating a static image (pic of page slightly curled over) as the page curl drag handler, which works great but when I try to tightly crease the bottom anchor point to match the static image (see code below for bottom anchor settings)

// XBSnappingPoint _point = [[[XBSnappingPoint alloc] init] autorelease];
// point.position = CGPointMake(self.viewToCurl.frame.size.width_0.950, self.viewToCurl.frame.size.height*0.1);
// point.angle =M_PI/3;
// point.radius = 10;
// [self.pageCurlView.snappingPoints addObject:point];
// self.bottomSnappingPoint = point;

there is a load of shadowing. So when I transition from the bottom anchor point to the static image (like the IOS Maps app) its a bit in your face.

Any help or pointers in the correct direction would be great.

Cheers.....

from xbpagecurl.

xissburg avatar xissburg commented on June 16, 2024

@TroySob do you have any screenshots of that? Are you using XBPageDragView? The initial angle is hardcoded.. that needs to be made easily configurable.

from xbpagecurl.

futuretap avatar futuretap commented on June 16, 2024

I found that the map curl animation of Apple's Maps app not only casts a shadow on the front view (=mapView) but also dims the map view. The dimming effect is stronger the more the view is curled. Would that be easier to implement than the shadow?

from xbpagecurl.

xissburg avatar xissburg commented on June 16, 2024

Yes, that is something that still have to be implemented. I've spent some time thinking about how that could be done. Initially, I thought about using a couple textured quads with gradient textures which I would distort and rotate based on the cylinder properties. That turned out to be very complex to manage.. Now I am thinking about implementing Percentage-Closer Soft Shadows (http://developer.download.nvidia.com/shaderlibrary/docs/shadow_PCSS.pdf) which will be a general solution and will also allow us to change the camera position and still have correct shadows in the scene.

from xbpagecurl.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.