Pode's Forum Posts

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  aridale : that's funny, because I made that test too. I can load every site that I can think of, but I can't make google.com display something !

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  newt: no you need to use the CSS style for the moment...

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 2

  • 26 Apr, 2012
  • Quote

  * update by zenox98

  Pode's addons (not examples) can be found on GitHub HERE: https://github.com/Pseudopode/construct2_plugins_behaviors

  Update v1.42October 11 : check at the end of this post for new versions and bugfixes.

  This new build allows to set the "scrolling" property to "Auto | Yes | No"

  https://dl.dropbox.com/u/1412774/IFrame ... e.1.42.zip

  Update v1.41October 11 : check at the end of this post for new versions and bugfixes.

  This new build allows to set the "scrolling" property to "Auto | Yes | No"

  https://dl.dropbox.com/u/1412774/iFrame ... e.1.41.zip

  Update July 17 : check at the end of this post for new versions and bugfixes

  With the iframe, you can embed a webappp made with C2 inside another webapp made with C2 !

  The original HTML Pack is from JesseJoh, and can be found here : http://www.scirra.com/forum/plugin-jess ... 94874.html.

  I originally added some modifications (and bugs) to his creation, since he's overworked.

  Since I'm still using them, and adding functionnalities, I think the best is to start a new thread, this one, where I'm going to put the midifications I'm doing.

  The first one is HTML Iframe.

  You can rotate the iframe, and the "OnLoaded" trigger now works correctly. It only triggers when the site is effectively loaded !

  The demo : http://dl.dropbox.com/u/1412774/IframeDemo2/index.html

  The plugin : http://dl.dropbox.com/u/1412774/IframeD ... me.1.2.zip

  The .capx : http://dl.dropbox.com/u/1412774/IframeD ... Demo2.capx

  ---

  Update v1.3 (04/28/2012) :

  Quick update for bugfixes. Rotating the iframe should also work on IE now (recent build, I don't know if its > IE9 or IE > 10).

  The CSS you enter inside the IDE is now correctly set at runtime ! (*nudges newt*).

  The plugin : http://dl.dropbox.com/u/1412774/IframeD ... me.1.3.zip

  _____________________________________________________________

  The second element of the pack is Div.

  You can set the style & the content, and properly rotate it if you want.

  The demo : http://dl.dropbox.com/u/1412774/DivDemo2/index.html

  The plugin : http://dl.dropbox.com/u/1412774/DivDemo ... iv.1.4.zip

  The .capx : http://dl.dropbox.com/u/1412774/DivDemo2/DivDemo2.capx

  _____________________________________________________________

  Update v1.4 (16/07/2012) :

  New version for iframe, div and img !

  The 'glitch' bug is now fixed.

  You can also now set focus on those three items !

  That means that when you load an iframe inside C2, the controls inside the iframe are working straight away !

  As a demo, I have embedded one of C2's demo inside an iframe, and as you can see, as soon as the page is loaded you can move the player without clicking inside the iframe !

  Demo : https://dl.dropbox.com/u/1412774/iFrame ... index.html

  .zips :

  https://dl.dropbox.com/u/1412774/iFrame ... me.1.4.zip

  https://dl.dropbox.com/u/1412774/iFrame ... iv.1.5.zip

  https://dl.dropbox.com/u/1412774/iFrame ... mg.1.5.zip

  The .capx : https://dl.dropbox.com/u/1412774/iFrame ... sDemo.capx

  You can also load <img> :

  _____________________________________________________________

  Update v1.41 (11/10/2012) :

  New version for iframe.

  This new build allows to set the "scrolling" property to "Auto | Yes | No".

  With, "No", you won't have any scrollbar. With "Yes", scrollbars are always there. With "Auto", scrollbars are there when the content is bigger that the iframe viewport.

  .zips :

  https://dl.dropbox.com/u/1412774/iFrame ... e.1.41.zip

  _______________________________________________________________

  Update v1.42October 11 :

  new version for iframe.

  Here's a new build (v1.42) of the iframe plugin, with a change to the way it deals with "current URL".

  You can now retrieve the current URL at edit time and runtime.

  The plugin : https://dl.dropbox.com/u/1412774/IFrame ... e.1.42.zip

  The demo : https://dl.dropbox.com/u/1412774/IFrame ... index.html

  The .capx : https://dl.dropbox.com/u/1412774/IFrame ... 2012-10-11 12:29:11

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  septeven : thanks ! I tested it with FF11...

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  septeven : yeah, I know about the icon, and it's not the first you warn us about it ! <img src="smileys/smiley2.gif" border="0" align="middle" />

  However, I'm better at coding than drawing. Do you have a source for clean, public domain or Creative Commons icons we can use ?

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  Release early, release often.

  I needed that for a client, so here's a plugin that allows you to create and render PDF inside C2 !

  <img src="http://dl.dropbox.com/u/1412774/C2PDFCreatorDemo/demo.png" border="0">

  I'm using a project (https://github.com/Marak/pdf.js/ & http://code.google.com/p/jspdf/) which couldn't embed images inside the PDF. So I choose to integrate the JPEG JS encoder from there : www.bytestrom.eu/blog/2009/1120a_jpeg_encoder_for_javascrip). That gave me the possibility to embed those images inside the PDF. (I also committed back the code to the authors of the original lib, so everybody can use it, even outside C2's community...).

  So now, you can put some text (choosing the font) onto the PDF, put some Sprites in it, and render it. You can display it inside C2 or render it fullscreen, like in my demo.

  It works fine on Chrome, there's some bug with Firefox, so that's why I'm saying I release it early ! <img src="smileys/smiley2.gif" border="0" align="middle"> However, even in its current state, this can be useful to some people...

  If you want to save the PDF ondisk, you can right click on it and save.

  The demo : http://dl.dropbox.com/u/1412774/C2PDFCreatorDemo/index.html

  The plugin : http://dl.dropbox.com/u/1412774/C2PDFCreatorDemo/pode_pdfcreator.zip

  The .capx : http://dl.dropbox.com/u/1412774/C2PDFCreatorDemo/C2PDFCreatorDemo.capx

  Edit : when you put text inside the PDF, the coordinates are starting at the top.

  When putting images, the coordinate system is starting at the bottom.

  Blame the spec ! <img src="smileys/smiley2.gif" border="0" align="middle">

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  For the moment, I'm creating behaviors dealing with the HTML image inside the Sprite object.

  I usually get it back with that line of code :

  this.inst.type.animations[0].frames[this.inst.cur_frame].texture_img.src;

  I do what I need to do with that (usually drawing it on another private canvas to modify it).

  When I want to inject it back (as a base64 string), it updates in Chrome, but not in Firefox.

  To clarify my problem, here's a typical piece of code :

  var tmpImage;

  var base64str;

  this.tmpImg.onload = function(){

      ctx.drawImage(tmpImg, 0, 0,tmpImg.width,tmpImg.height);

      //do my thing

      base64str = cvs.toDataURL("image/png");

      inst.cur_animation.frames[inst.cur_frame].texture_img.onload = (function (self) {

          return function(info) {

              inst.set_bbox_changed();

              cr.runtime.redraw = true;

       };

      })(this);

                ?

                ?img.src = base64str;

                ?cr.runtime.redraw = true;

  }

  this.tmpImg.src = this.inst.type.animations[0].frames[this.inst.cur_frame].texture_img.src;

  It works perfectly in Chrome.

  However, although the new "img.src" of the Sprite contain, indeed, the base64 string, FF doesn't update.

  When I do that kind of things outside C2's SDK, it works perfectly on FF and Chrome (see here, for example : http://jsfiddle.net/2Unnf/).

  So, here's my question : what's the right way to inject an image inside the Sprite object, when dealing with onload() methods ?

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  <font color="red">Update 04/09/2012</font>

  New build (v2), New effect added. Small bugfix

  <img src="https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo2/demo.png" border="0">

  This new build correct a small bug with the perspective transform, and add a new effect : "keep RGBA", where you can choose to only keep one of the Red,Green,Blue or Alpha channel on the Sprite.

  The behavior : https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo2/pode_imagesEffects&Text.2.0.zip

  The .capx : https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo2/Effects&TextOnSpriteDemo2.capx

  The demo : https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo2/index.html

  <font color="red">Update 03/09/2012</font>

  New build (v1.9), New effects added.

  <img src="https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/demo1.png" border="0">

  I added blending modes. For a single colors (one color for the whole image), you can only do "Multiply" for the moment (like the image above).

  You can also blend Sprites ontop another (like Photoshop blending modes) :

  • modes : src-over, screen, multiply, difference, exclusion, src-in, add, lighten, darken, overlay, hardlight, colordodge, colorburn (adapted from there : https://github.com/Phrogz/context-blender/blob/master/context_blender.js.

  Two examples : ("multiply" and "add")

  <img src="https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/demo4.png" border="0">

  <img src="https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/demo5.png" border="0">

  There's also the possibility to "whiten" everything under a given RGB color :

  <img src="https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/demo2.png" border="0">

  and to "darken" everything under a given RGB color :

  <img src="https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/demo3.png" border="0">

  And finally, there's the Perspective transform !

  (adapted from here http://www.html5.jp/test/perspective_canvas/demo1_en.html

  <img src="https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/demo6.png" border="0">

  It's the slower of all transforms, so I don't think you'll be able to do it every frame on common platforms... Anyway, you can set 4 new (X,Y) points for the new coordinates, in a clockwise order.

  The behavior : https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/pode_imagesEffects&Text.1.9.zip

  The .capx : https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/Effects&TextOnSpriteDemo.capx

  The demo : https://dl.dropbox.com/u/1412774/Effects&TextOnSpriteDemo/index.html

  <font color="red">Update 28/08/2012</font>

  New build (v1.8), New effects added. New SDK syntax (means runtime.js less big => shorter download time)

  <img src="https://dl.dropbox.com/u/1412774/NewEffectsDemo6/demo2.png" border="0">

  I added the "Pixelate" effect to the demo, from there : http://www.codediesel.com/demos/pixel/.

  That means you can use 'diamond', 'square', 'circle' shape type for the effect, the size, grid size, alpha value for the effect (check the page to see some examples).

  I updated the whole behavior to use the new SDK syntax (from r96 upward). That means that the minifier is going to remove code that isn't used in the whole game, and that implies a smaller filesize, so smaller download times.

  The behavior : https://dl.dropbox.com/u/1412774/NewEffectsDemo6/pode_textOnImageAndImageEffects.1.8.zip

  The .capx : https://dl.dropbox.com/u/1412774/NewEffectsDemo6/NewEffectsDemo6.capx

  The demo : https://dl.dropbox.com/u/1412774/NewEffectsDemo6/index.html

  <font color="red">Update 27/08/2012</font>

  New build (v1.7), Works everywhere (even in Safari). New effects added

  <img src="https://dl.dropbox.com/u/1412774/NewEffectDemo5/demo.png" border="0">

  <img src="https://dl.dropbox.com/u/1412774/NewEffectDemo5/demo2.png" border="0">

  The behavior works everywhere. I added the "Simple Blur" to the demo, and the "Change RGB color". For that last one, you give the old (R,G,B) value, the new (R,G,B) value, and a tolerance (the same for each one of the channel). Very useful to change a range of colors in an image ! (and different from 'color tinting').

  The behavior : https://dl.dropbox.com/u/1412774/NewEffectDemo5/pode_textOnImage.1.7.zip

  The .capx : https://dl.dropbox.com/u/1412774/NewEffectDemo5/NewEffectDemo5.capx

  The demo : https://dl.dropbox.com/u/1412774/NewEffectDemo5/index.html

  <font color="red">Update 24/08/2012</font>

  New build (v1.6), Families are working with the effects

  The plugin : https://dl.dropbox.com/u/1412774/NewEffectsDemo2/pode_textOnImage.1.6.zip

  <font color="red">Update 22/08/2012</font>

  New build (v1.5), generalized white pixel protection

  New build : now every function where it makes sense (eg. changing pixel colors or values) has the option to respect the white pixels or not.

  The demo : https://dl.dropbox.com/u/1412774/NewEffectsDemo2/index.html

  The plugin : https://dl.dropbox.com/u/1412774/NewEffectsDemo2/pode_textOnImage.1.5.zip

  The .capx : https://dl.dropbox.com/u/1412774/NewEffectsDemo2/NewEffectsDemo2.capx (some of the function are set to Families, to show it works).

  ___________

  <font color="red">Update 17/08/2012</font>

  New build (v1.4), new effects added

  <img src="https://dl.dropbox.com/u/1412774/NewEffectsDemo/demo.png" border="0">

  Remember, it's a behavior, not a plugin, place it in the right folder !

  <img src="https://dl.dropbox.com/u/1412774/NewEffectsDemo/demo2.png" border="0">

  You can :

  • inject text on an image
  • grayscale an image
  • blur
  • recolor an image (the plugin now respect pure white pixels ! That also means that pixels almost white (close to the edges of your character, for example, are going to be colored, like in the demo for the cat !)
  • add some noise
  • sepia
  • switch colors channels RGB2BGR
  • rotate all color channels to the left (i.e., RGB is going to become GBR and after that BRG if you repeat the operation)
  • rotate all color channels to the right (i.e., RGB is going to become BRG and after that GBR if you repeat the operation)
  • emboss an image and choose the strength
  • sharpen an image and choose the strength
  • emphasize the edges (a lot)

  Demo : https://dl.dropbox.com/u/1412774/NewEffectsDemo/index.html

  The .capx : https://dl.dropbox.com/u/1412774/NewEffectsDemo/NewEffectsDemo.capx

  The behavior : https://dl.dropbox.com/u/1412774/NewEffectsDemo/pode_textOnImage.1.4.zip

  When I'll have the time, I'll refactor the whole plugin to follow the new plugin guidelines. However for the moment, it's working perfectly. Don't burn your CPU !

  ___________

  Edit: renamed the title of the post to reflect the new possibilities of the plugin...

  <font color="red">Update 05/03/2012 number 2 !

  New build (v1.1), works everywhere, test on Opera, Safari, Chrome & Firefox!</font>

  You can now write Text on Sprite, but also apply Image Effects (Color tint, Grayscale, Sepia, Simple Blur...)

  Since everything is done in Javascript, don't do it at all tick, you are going to burn your CPU !

  <img src="http://dl.dropbox.com/u/1412774/C2ImageEffectsDemo2/demo.png" border="0">

  It's a bit different from the "Recolor behavior". The Recolor behavior used a large chunk of memory to speed the recoloring process.

  Here, we don't use new memory, we do it inplace. But it's a the cost of a long calculation over all the pixels of the Sprite...

  Demo : http://dl.dropbox.com/u/1412774/C2ImageEffectsDemo2/index.html

  The .capx : http://dl.dropbox.com/u/1412774/C2ImageEffectsDemo2/C2ImageEffectsDemo2.capx

  The behavior : http://dl.dropbox.com/u/1412774/C2ImageEffectsDemo2pode_textOnImage_Effects.1.3.zip

  ___________

  <font color="red">Update 05/03/2012

  New build (v1.1), works everywhere, test on Opera, Safari, Chrome & Firefox!</font>

  Demo : http://dl.dropbox.com/u/1412774/TextOnSpriteBehaviorDemo/index.html

  The .capx : http://dl.dropbox.com/u/1412774/TextOnSpriteBehaviorDemo/TextOnSpriteBehaviorDemo.1.1.capx

  The behavior : http://dl.dropbox.com/u/1412774/TextOnSpriteBehaviorDemo/pode_textOnImage.1.1.zip

  ____

  Here's a quick behavior to inject a Text string on a Sprite.

  Since it's baked in the Sprite after the writing, you can't remove it.

  So if you want to go back to the initial state, remember to have a spare Sprite as a backup !

  Before & after :

  <img src="http://dl.dropbox.com/u/1412774/TextOnSpriteBehaviorDemo/demo.png" border="0">

  The demo :http://dl.dropbox.com/u/1412774/TextOnSpriteBehaviorDemo/index.html

  The behavior : http://dl.dropbox.com/u/1412774/TextOnSpriteBehaviorDemo/pode_textOnImage.zip

  The .capx : http://dl.dropbox.com/u/1412774/TextOnSpriteBehaviorDemo/TextOnSpriteBehaviorDemo.capx

• Try Construct 3

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

  Try Now Construct 3 users don't see these ads
• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  I was planning to create a plugin to allow the execution of external programs.

  If you use a Flash/AIR or Java applet stub, you can access local filesystem and execute local binaries. You still need to ask user' permission, but in some scenario that can be useful...

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  Historically, we use binary, because it's the cheapest to create with basic electronic blocks (until recently, there was no easy element that stored and gave back to you a variable "amount of current").

  Now, we know that the fourth basic bloc of electronic exists : the memristor.

  With that element, you can have cheap calculation with variable values stored inside the component.

  However, you need to think about that : it's cheaper to enhance current available technology (binary computing) that create another paradigm from scratch.

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  And historically, MS didn't want the web to succeed. They created the MSN network, and wanted it everywhere (MS couldn't force anything on the open web, but could force whatever they wanted on their own network).

  IE was there to crush competition (especially Netscape), and when it was done, they left it to rot.

  When they saw that people where shifting to the web anyway (and the emergence of big players : Mozilla, Google/Apple -> Webkit), they switched strategies.

  But IE has still a lot to catch...

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 26 Apr, 2012
  • Quote

  Cpryd001: do you want just to learn the letters, or phrases ?

  If you just want letters, static 2D Sprites are fine, but if you want to learn a phrase, you need the animation. So you are going to load animations inside the <video> tag.

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 23 Apr, 2012
  • Quote

  If you are asking yourself why the computer is using 0 & 1 as an alphabet, and not something more complex, it's because of electronics. It's easy and reliable to just check a wire and see if "there's current on it", and "there's not current on it".

  And since all alphabets are equivalents, you can emulate what you want with a binary alphabet (you just need more characters to express complex things thatn an alphabet with lot of different characters...)

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 22 Apr, 2012
  • Quote

  R0J0hound : thanks for integrating it so quickly ! I remember know that I tested it on Chrome but don't remember if I tested it on Firefox, my bad.

  Anyway, good news for everybody !

• • Pode
  • 
  • • Joined 3 Sep, 2011
    • 
    • 63 topics • 706 posts
  • 1

  • 22 Apr, 2012
  • Quote

  harrio : I think I understand. I have a client request that needs to have PDF support integrated inside C2. I look at PDF.js a few months ago when it went public.

  I spent some time looking the github of the project, and their wiki. It seems that they have working discussions on the idea of adding print & search, and they don't know how to prioritize it. There's already some code inside the project to have limited search capabilities, so when I'm going to integrate the public (in the next two weeks), I'll come back to you to say if it's possible or not.