[Preview]: libRocket CSS3 transform feature

Got a product that uses libRocket? Post info here

[Preview]: libRocket CSS3 transform feature

Postby wolfmanfx on Sun Jan 01, 2012 6:15 pm

[Crosspost]

So i am working on libRocket to introduce some CSS3 features like transform, transitions, filters...

What i already added to the libRocket core:
-Lua scripting support (you can use lua inside rml files)
-Reworked the Ogre3d renderer
-Added shader based rendering (HLSL/GLSL/GLSLES)
-CMake build system (I know libRocket has already CMake but i made a little bit nicer and i also included python/lua sources so its easier to build from source -> iOS!!)
-Added CSS3 transform feature you can do something like this in CSS (RCSS)

Code: Select all
transform:  scale(1.5) translateX(40) rotateZ(40);
transform-origin-x: 0%;
transform-origin-y: 0%;   
place-3d: disable;



Also i use the rendersystem projection matrix (It was needed to support transform feature)....of course with the property place-3d: enable; you can place the UI in 3D (this property disable the upscaling to cover the whole screen which i do for standard 2D UI).

http://www.youtube.com/watch?v=eNZHm6sOu-I
wolfmanfx
 
Posts: 19
Joined: Sat Jul 16, 2011 8:42 am

Re: [Preview]: libRocket CSS3 transform feature

Postby lloydw on Wed Feb 08, 2012 9:17 pm

Wow, looking great wolfman!

I'm sure a lot of people are going to be interested in the Lua bindings.
lloydw
Rocket Engineer
Rocket Engineer
 
Posts: 380
Joined: Tue Jan 15, 2008 10:56 pm

Re: [Preview]: libRocket CSS3 transform feature

Postby DevilWithin on Sat Apr 14, 2012 10:46 pm

Would you tell me how did you fetch the scripts in the documents?

I wanted to implement my scripting language in the rml too, but im not sure whats the best way to go about it, did you just use GetInnerRML for script tags?
DevilWithin
 
Posts: 22
Joined: Wed Dec 08, 2010 11:41 pm

Re: [Preview]: libRocket CSS3 transform feature

Postby DevilWithin on Sun Apr 15, 2012 4:02 am

Nevermind, already implemented the scripting language!

AngelScript running awesome as the RML script language! Manipulates the elements great! :)
DevilWithin
 
Posts: 22
Joined: Wed Dec 08, 2010 11:41 pm

Re: [Preview]: libRocket CSS3 transform feature

Postby lloydw on Wed May 23, 2012 9:59 am

Awesome, would you be able to contribute this back to the rocket core?
lloydw
Rocket Engineer
Rocket Engineer
 
Posts: 380
Joined: Tue Jan 15, 2008 10:56 pm

Re: [Preview]: libRocket CSS3 transform feature

Postby DolceTriade on Sat Feb 09, 2013 10:00 pm

Has the source for this been released anywhere?
DolceTriade
 
Posts: 2
Joined: Sat Feb 09, 2013 10:00 am

posting

Postby Naveed123 on Tue Jun 04, 2013 10:16 am

:D :D this forum is soo much marvelous and wonderful i have posting on that forum and i am feeling comfort and Added shader based rendering (HLSL/GLSL/GLSLES)
-CMake build system (I know libRocket has already CMake but i made a little bit nicer and i also included python/lua sources so its easier to build from source -> iOS!!) :mrgreen: :mrgreen:
Naveed123
 
Posts: 1
Joined: Tue Jun 04, 2013 10:11 am

Re: [Preview]: libRocket CSS3 transform feature

Postby rraallvv on Tue Nov 25, 2014 12:41 am

Is this already in the official repository?
rraallvv
 
Posts: 4
Joined: Fri Nov 21, 2014 7:10 pm

Re: [Preview]: libRocket CSS3 transform feature

Postby Supertim on Tue Nov 25, 2014 2:43 am

I believe everything except CSS transforms is already in the library. As far as I know, several people added this feature but never commited/PRd the changes to the main repo. I'm open to being corrected (I have not gotten the most recent repo but imagine there is a lot of work preceding the CSS transforms).
Supertim
Rocket Engineer
Rocket Engineer
 
Posts: 16
Joined: Sat Jun 14, 2014 5:31 am

Re: [Preview]: libRocket CSS3 transform feature

Postby rraallvv on Tue Nov 25, 2014 8:11 pm

Supertim wrote:I believe everything except CSS transforms is already in the library. As far as I know, several people added this feature but never commited/PRd the changes to the main repo. I'm open to being corrected (I have not gotten the most recent repo but imagine there is a lot of work preceding the CSS transforms).


Also transitions would be a nice addition... I've found a pull request that implements the transform property, I'll take a look at that.
rraallvv
 
Posts: 4
Joined: Fri Nov 21, 2014 7:10 pm


Return to Products using libRocket


cron