Hello everybody,
I've decided to use FlexBox (CSS3) layout for my biggest project.
After a while (struggling with some issues and lot of implementation's problem...) I got the job done with some LESS mixins.
I've tested them on Chrome (>32), Firefox (>25) and Safari (>6.0), even on mobile devices (just Android & Apple).
It works like a charm, so I'm giving those mixins to everyone who is learning or developing using this wonderful tecnology.
Let me know for problems, issues or improvements.
Sorry for not posting examples or tutorials but I'm definitely overwhelmed as of today and too busy.
Ciao!
Pietro
Tuesday, May 6, 2014
Wednesday, January 8, 2014
Footage Manager by TPTeam
Hello,
tonight I'm going to publish our first public project: the Footage Manager.
It is a JS frame player who's able to track movement onto a movie: it seems quite complicate this way but... JUST TRY IT!
This manager is based on PIXI and Astar and its aim is to follow mouse/device movements updating a MovieClip object. The goal is to control an animation composed by a number of textures throught the mouse's movement, in order to get an animation interacting with the user.
The 3D character has been edited and animated with Blender (as usual) and I've packed the frames with our STexturePacker
I'll publish some instructions and one tutorial later, now just try it if you want! I think that the workflow is quite straight-forward (it has been for me, so... don't worry!) anyway would be great to have also some more documentation.
Credits:
- GoodBoyDigital for PIXI (https://github.com/GoodBoyDigital/pixi.js)
- Brian Grinstead for A* algorithm implementation (http://www.briangrinstead.com/files/astar/)
- Mr.Doob for the EventManager (https://github.com/mrdoob)
- VMComic for the 3D Model (http://www.blendswap.com/blends/view/6844)
Pietro - TPTeam
Monday, January 6, 2014
Back again!
Hi there,
long time no see you.
Since March and in 2014 here's my first post.
I decided to keep just this blog as I'm working full time for a big team and I'm gonna have no more time to manage blogs, websites and so on. So I just drop down my website, I'll post tricks and tips here with some personal stuff and opinions as well.
This blog itself is gonna be more personal and not too commercial, as long as I don't need to sell my work anymore.
What I can guarantee is that I'm going to be more present and I will definitely publish at least one post a week.
Wish you the best for 2014,
Pietro
long time no see you.
Since March and in 2014 here's my first post.
I decided to keep just this blog as I'm working full time for a big team and I'm gonna have no more time to manage blogs, websites and so on. So I just drop down my website, I'll post tricks and tips here with some personal stuff and opinions as well.
This blog itself is gonna be more personal and not too commercial, as long as I don't need to sell my work anymore.
What I can guarantee is that I'm going to be more present and I will definitely publish at least one post a week.
Wish you the best for 2014,
Pietro
Sunday, March 24, 2013
Eclipse vs. Unity: Global Menu not supported? (12.04)
Hi there,
today I decided to setup Eclipse Scala environment on my laptop... I usually work with Aptana but the project I'm currently involved in is based on Scala and I've been told to "dig deep".
So: let's go with customizations!
My perspective is ready, web extensions installed, Solarized theme loaded (well, not as good as Aptana's one)... but... oh my god! Global menu is not working? Why Eclipse's menu is shown below unity bar?!?
After a quick G search I came here : Eclipse is blacklisted from Unity Global menu
So, waiting for Canonical developers solving this issue, here's a simple work around: Hack #46
But seems like it's quite different on my Ubuntu (12.04) so, here's how it worked for me:
Bye,
Pietro
21/5/2013 - Update:
Working for Eclipse Juno and Ubuntu 13.04 (Raring Ringtail) as well.
2/6/2014 - Update:
With Kepler Service Release 2 and Ubuntu 14.04 the problem is solved by default.
today I decided to setup Eclipse Scala environment on my laptop... I usually work with Aptana but the project I'm currently involved in is based on Scala and I've been told to "dig deep".
So: let's go with customizations!
My perspective is ready, web extensions installed, Solarized theme loaded (well, not as good as Aptana's one)... but... oh my god! Global menu is not working? Why Eclipse's menu is shown below unity bar?!?
After a quick G search I came here : Eclipse is blacklisted from Unity Global menu
So, waiting for Canonical developers solving this issue, here's a simple work around: Hack #46
But seems like it's quite different on my Ubuntu (12.04) so, here's how it worked for me:
- sudo vim /usr/lib/x86_64-linux-gnu/gtk-2.0/2.10.0/menuproxies/libappmenu.so
- /Eclipse <return>
- move to 'E' of Eclipse, type 'i' and then replace 'E' with 'X'
- <esc> ':w' <return> ':q' <return>
- sudo ldconfig
- start Eclipse
Bye,
Pietro
21/5/2013 - Update:
Working for Eclipse Juno and Ubuntu 13.04 (Raring Ringtail) as well.
2/6/2014 - Update:
With Kepler Service Release 2 and Ubuntu 14.04 the problem is solved by default.
Monday, November 26, 2012
Normal Map Plugin - GIMP
TIP OF THE DAY
I'm back just to share a very simple trick that I didn't know before: how and where to find the GIMP plugin for Normal Maps. This is a very useful plugin as it works like Nvidia plugin for Photoshop, but it runs on GIMP and therefore on Linux.
So: I first decided to download sources and compile it on my own... I've solved some dependencies but I was still stuck on a "Package gimp-2.0 was not found in the pkg-config search path. [...]". Too much time. I was needing it to work immediately.
Then I discovered the packages:
- gimp-data-extras
- gimp-plugin-registry
These packages come with lots of plugin, and what I need is under
Filter -> Map -> NormalMap
Ready to use and working like a charm.
Pietro
Tuesday, September 18, 2012
Environment maps on Sketchfab!
Here we are!
Sorry but I've been really busy and I'm gonna be even more :)
So... because of the few time which I've got I'll pulish three works together!
ONE
The first is a simple geometry with a totally reflecting material applyied.
The cubemap
In order to get the final result I've used the same cubemap on sketchfab to texture a big cube in my Blender scene. If you need them, you can find them on Humus for free.
For this purpose I've setted up eight different materials but you could also use the same and play with UV's placement.
Anyway, the cube's material is an emitter (emission=1.0).
The light
Another remarkable details: I had to place a point light in the center of the scene because elsewhere the inner reflection were totally black. Try it on your own.
The UVs
Of course, I've unwrapped one sphere and one cylinder at the early beginning. That's necessary if you want save time after, because if you want to bake textures you NEED to unwrap.
Nie vergisst!
The baking
I've baked textures as usual and created the new material (one for this scene); this is a very simple lambert shader with no specularity and only the baked texture applyied.
A blender viewport snapshot:
The SSAO
Oh my God, what's that!? Yeah, now we can use SSAO (like Ambient Occlusion) without bake it. Nice, but what about the values?
As I've digged quite a lot with those values I wish to publish my personal setup:
TWO
The second one is an old model (do you remember about my Christmas 2011 postcard?) with matte materials, no raytracing; this is meant to play with lights only.
The cubemap
No cubemap here! Only some lights around to fake image's lights.
The light
Not so complicated setup, but... there are no rules for this. You have to follow your own feeling about lights and image. For this scene I've used 7 lights (2 spots, 5 points) but you can do what you want and do it better.
The UVs
Only needed for wood texture. No complicate unwraps.
The baking
No baking... :)
A blender viewport snapshot:
The SSAO
The setup for this scene:
THREE
Oh... something new? Ok, this is the same as the first except for texture's resolution (bigger) and for blurry metal applyed to the external structure.
A technical note: in the third scene I've used two textures 4096x4096 each. So... don't worry about texture's management, because Sketchfab is really powerful.
Ciao!
Pietro
Sorry but I've been really busy and I'm gonna be even more :)
So... because of the few time which I've got I'll pulish three works together!
ONE
The first is a simple geometry with a totally reflecting material applyied.
The cubemap
In order to get the final result I've used the same cubemap on sketchfab to texture a big cube in my Blender scene. If you need them, you can find them on Humus for free.
For this purpose I've setted up eight different materials but you could also use the same and play with UV's placement.
Anyway, the cube's material is an emitter (emission=1.0).
The light
Another remarkable details: I had to place a point light in the center of the scene because elsewhere the inner reflection were totally black. Try it on your own.
The UVs
Of course, I've unwrapped one sphere and one cylinder at the early beginning. That's necessary if you want save time after, because if you want to bake textures you NEED to unwrap.
Nie vergisst!
The baking
I've baked textures as usual and created the new material (one for this scene); this is a very simple lambert shader with no specularity and only the baked texture applyied.
A blender viewport snapshot:
The SSAO
Oh my God, what's that!? Yeah, now we can use SSAO (like Ambient Occlusion) without bake it. Nice, but what about the values?
As I've digged quite a lot with those values I wish to publish my personal setup:
TWO
The second one is an old model (do you remember about my Christmas 2011 postcard?) with matte materials, no raytracing; this is meant to play with lights only.
The cubemap
No cubemap here! Only some lights around to fake image's lights.
The light
Not so complicated setup, but... there are no rules for this. You have to follow your own feeling about lights and image. For this scene I've used 7 lights (2 spots, 5 points) but you can do what you want and do it better.
The UVs
Only needed for wood texture. No complicate unwraps.
The baking
No baking... :)
A blender viewport snapshot:
The SSAO
The setup for this scene:
THREE
Oh... something new? Ok, this is the same as the first except for texture's resolution (bigger) and for blurry metal applyed to the external structure.
A technical note: in the third scene I've used two textures 4096x4096 each. So... don't worry about texture's management, because Sketchfab is really powerful.
Ciao!
Pietro
Sunday, September 2, 2012
File sync with Ubuntu 12.xx
Hi there,
yesterday I had a little problem: compare two directories in order to update each other, getting back two perfect copies. Easy.
I was used to compare directories with Sync'n'Go with Windows, but... now I'm working with Ubuntu! So, do you know a good utility to get the same result?
After a little google surf, I found Meld Diff in the official Ubuntu 12.01 repository. It has a very minimal interface, but it doesn't work on my pc: infact while it can compare two (or more) directories but the button "Copy right" (or left) doesn't do anything.
So I've googled a little more, and I've found FreeFileSync and it's working very well. I'm planning to use it for backup purposes as soon as I'll come back to my office in Milan.
You can download the executables, the sources, or simply add the repository to yours and install it through apt-get:
sudo add-apt-repository ppa:freefilesync/ffs
sudo apt-get update
sudo apt-get install freefilesync
Now you can find it in you dashhome, typing "FreeFileSync" and of course, you can also pin it into you launchbar!
yesterday I had a little problem: compare two directories in order to update each other, getting back two perfect copies. Easy.
I was used to compare directories with Sync'n'Go with Windows, but... now I'm working with Ubuntu! So, do you know a good utility to get the same result?
After a little google surf, I found Meld Diff in the official Ubuntu 12.01 repository. It has a very minimal interface, but it doesn't work on my pc: infact while it can compare two (or more) directories but the button "Copy right" (or left) doesn't do anything.
So I've googled a little more, and I've found FreeFileSync and it's working very well. I'm planning to use it for backup purposes as soon as I'll come back to my office in Milan.
You can download the executables, the sources, or simply add the repository to yours and install it through apt-get:
sudo add-apt-repository ppa:freefilesync/ffs
sudo apt-get update
sudo apt-get install freefilesync
Now you can find it in you dashhome, typing "FreeFileSync" and of course, you can also pin it into you launchbar!
Subscribe to:
Posts (Atom)