matriax's Recent Forum Activity

  • This started as a fire shader for a game but after see all the variables and possibilities i decided to expand it, and after a few changes i saw you can do more things, not only fire, like snow, acid, noise, fog, rain, water, blast shoots, lasers, etc... so i decided to create some kind of Shader Editor you can use for your games.

    ---

    Shader Effect - EDIT: 3 JAN - 2017

    Here is the shader effect (FX+XML) including a .capx example with all the presets working:

    https://drive.google.com/file/d/0B8vm3F ... sp=sharing

    Inside the .capx you will find some comments that how all works.

    ---

    Shader Editor - EDIT: 3 JAN - 2017

    Diane Mueller (https://twitter.com/MadameBerry) made a Win/Mac/Linux version that you can find here:

    https://www.patreon.com/posts/construct-2-7658638

    Screenshot

    ---

    Video showing how the shader and editor works

    https://www.twitch.tv/davitmasia/v/111896787

  • Ops! i understood you wrong, if you run my .capx have to work like the screnshots without touch nothing.

    So, you are running my example and this is how look? In all sites? NW.js, browsers,etc... ? Livedemo also looks wrong?(https://dl.dropboxusercontent.com/u/659 ... index.html) Arggg!

    Try this:

    Open the: NormalMapExt.xml

    Search this line:

    <blends-background>true</blends-background>

    Change to false like this:

    <blends-background>false</blends-background>

    Close C2 and open again ¿Works now? .

    Edit: I updated the .rar file with the .xml changed and the .capx file updated with the third light. You have to see the yellow and red square 2 lights and other that will be pointed in the cursor/mouse.

  • Yes, because in the preview the NormalMaps is over the planets without light for that appears black. When runs, the events set the lights in the mouse and the rotating squares and starts the fun

  • Thanks for the feedback! About Chrome mmm, i thought had a more advance WebGL support than Firefox.

    In my case Firefox(39.0), Chrome(43.0) and NW,js works without problems, in Opera(12.7) not runs that is one of the browsers with less WebGL capabilities.

    Edit: Ah! I see! Works also on Chrome, Perfect then!

  • Wow great! Gigatron!

    Worked! Now with the line change both version works <img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy">

    Seems was my fault on the FlamesP variable, sorry! :S , I go to upload the new version, one moment!

    Link updated: https://dl.dropboxusercontent.com/u/659 ... e/fire.rar! Please Joannesalfa test it now ¿Works correct?.

  • The fireflames effects is the same from shadertoy, i made also the variations. Looks weird on Direct3D but good when WebGL is used, ¿Why? I don't know, i'm new on shaders , Maybe Gigatron can explain what is happen here or look the code and solve it.

    As i said in my C2 preview , i mean in the C2 layout, looks a bit weird(Direct3d is used), exactly that you screenshot, but when the effect runs on C2 using NW.js or in the browsers Firefox/Chorme that uses WebGL appears perfectly.

    So, when DIrect3D is used looks like you, and when WebGL is used looks like my screenshot.

    Also i not understad why in your case are using Direct3D, how are you getting this? NW.js? Browser? Mobile?... Also, have you tested to export to desktop o see with NW.js or chrome, firefox etc...? In all is the same?

  • Fire Flames by me:

    And Gigatron posted another fire efect here:

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads

  • This is how looks in my preview, but when i run looks like in my screnshots.

    The effect runs well on Firefox, Chrome and NW.js on Opera appears a blue square.

    You said this is taken from my demo, but from where? The live demo? Your Construct2 preview or runnig? What browser,etc...

    I'm using the Beta 209 of Construct2.

    When you runs the effects appears ok? ¿?

    Edit: This is a videos that how looks on firefox: https://instagram.com/p/5IDK4xAL3i/

    (Sorry for the low quality)

  • Ported from shadertoy:

    https://www.shadertoy.com/view/4slXz2

    Screenshot:

    Added more than 25 Parameters you can adjust:

    Note: Remember to use negative values for fun results! <img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Wink">

    Added additional things like the option to enable/disable each flame individualy and a final blend.

    Download Effects and Demo:

    https://dl.dropboxusercontent.com/u/659 ... e/fire.rar

    Live Demo:

    https://dl.dropboxusercontent.com/u/659 ... index.html

  • Ok here is the file to C2 users.. Study change run, run run ... until you understand what you do.. and you win the fight !

    http://gigatron3k.free.fr/html5/C2/FX/burning.rar

    Have fun ..

    Oh great!

    I ported my first shader passing more than 25 variables and adding a few more. I'm working with the example .capx . I guess will be posted soon on the Effects forum <img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Wink">

    Here a video of the example fille showing a variation of flames:

    https://instagram.com/p/5IDK4xAL3i/

    Edit: Posted here: viewtopic.php?f=184&t=149940

  • matriax nope :\ I chose another method (spritesheet animation lol) but i will try another way to make with WebGL...

    I found another fire effect made "by CPU" http://www.computableminds.com/jquery-p ... rator.html but is TOO HEAVY for anything less powerfull than nasa-pc xD

    tatogame I see! Well i leave the other flame code and search for one more easy, and after 2 hours i get this one working:

    https://www.shadertoy.com/view/4slXz2

    I'm passing now all the variables to the .xml and create the example and live demo so i will publish today in the effects if nothing happens <img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Wink"> .

  • tatogame Have you get the effect working? I tried myself changing the noise line and other things but nothing, i only have as result a big and beatyfull black square after an hour editing... at least now no get errors XD :S

    Gigatron Is there any tutorial/doc that how to pass from shadertoy to C2 ?

    Edit: Oh wait, after some changes i start to see something orange inside the square effect <img src="{SMILIES_PATH}/icon_razz.gif" alt=":P" title="Razz">

    Edit2: Nothing, can't get working <img src="{SMILIES_PATH}/icon_e_sad.gif" alt=":(" title="Sad"> this was my try (.fx, .xml and .capx):

    https://dl.dropboxusercontent.com/u/659 ... e/fire.rar

    If somebody can tell me what is wrong...

matriax's avatar

matriax

Member since 22 Jun, 2015

Twitter
matriax has 114 followers

Trophy Case

  • 9-Year Club
  • Forum Contributor Made 100 posts in the forums
  • Forum Patron Made 500 posts in the forums
  • Popular Game One of your games has over 1,000 players
  • Famous Game One of your games has over 10,000 players
  • Viral Game One of your games has over 100,000 players
  • Regular Visitor Visited Construct.net 7 days in a row
  • RTFM Read the fabulous manual
  • Email Verified

Progress

17/44
How to earn trophies