IvanK

Members
  • Content Count

    89
  • Joined

  • Last visited

  • Days Won

    1

Reputation Activity

  1. Thanks
    IvanK got a reaction from PBMCube in Transfer from as3 to Js   
    Hello, welcome to plugin-independent browser games development!
     
    I am making AS3 games for 6 years and JS for 2 years. Here are my answers:
     
    1) I entered JS games development by trying to convert my AS3 games to JS, without editing the code too much. There was no library with same API, so I had to write my own - IvanK.js . I also wrote my Tweener - http://tweener.ivank.net . 
     
    2) Personally, I hate any best practices instructions. You must find your own way of doing things. For me, it is totally the same as making Flash games. Make sure you know basic JS features (prototypes, constructors) and tools! (XmlHttpRequest, Audio, JSON, ...). 
     
    3) As I said, I use IvanK.js for graphics, user input, events etc. There is display object tree, each container (Sprite) has its own coordinate system. There is hitTestPoint, hitTestObject and many other flash functions.
     
    4) I don't use any IDEs, I use Notepad++. When I change something, I switch to browser and press F5 to see the changes. I use JS console a lot (console.log = trace, in Chrome you can "unfold" traced objects). The nice thing is, that development goes faster, than developing with Adobe Flash.
  2. Like
    IvanK got a reaction from Goblet Ed in The new photo editor   
    @Goblet Ed That is a very interesting shortcut, I have never heard about it. However, I have added it, so you can use it now   BTW. if you have a nice layer structure (folders, accurate names etc.), it is easy search any specific layer, even if you have thousands of them  
  3. Like
    IvanK got a reaction from Goblet Ed in The new photo editor   
    Hi guys,
    there is an online photo editor www.Photopea.com , which can open Photoshop files, Gimp Files, Sketch files and most of other existing image formats (even those, which browsers can not open by default, such as TIFF). There is a lot of useful resources in PSD / Gimp / Sketch formats on the web, and if you have been avoidng them because you didn't have the appropriate software, now you shouldn't !
    I am the author of Photopea and I am trying to get some response from the developers / designers community. Would you consider using it instead of your current program? It can replace Photoshop or Gimp to a large extent. There is also a built-in PNG minifier.
  4. Like
    IvanK got a reaction from blassther in [Release] Moonsters   
    Hi guys
     
    I have just finished my new game Moonsters (http://moonsters.ivank.net). It is a classic bubble-crusher, but you have multiple levels and you can evolve your characters (moonsters).
     
    Let me know what do you think about it, what you like and what you don't like
     

     
     
     

     
     
     

  5. Like
    IvanK got a reaction from ponk in Tweening   
    Hello,

    I use my own tweener, which is a port of "caurina Tweener". It is very fast. Here it is: http://tweener.ivank.net/
  6. Like
    IvanK got a reaction from neon in Photopea - edit PSD in a browser   
    Hi,
     
    if anybody is still interested, I have published Photopea 0.9. It contains Type Tool, which is fully compatible with PSD format. 
     
    http://www.photopea.com
     
    What do you think about it? What are the features it must have, to make you use it?
  7. Like
    IvanK got a reaction from neon in Photopea - edit PSD in a browser   
    Hi,
     
    this is not really about games, but I think some fans of HTML5 may like that  If you do game design, you might actually use that (in some cases).

    I am developing a professional graphic editor, which will work inside a browser. I defined a challange for myself: it should load and save PSD (PhotoShop Document) format.
    www.Photopea.com Blog: blog.photopea.com I would like to get some feedback, to get myself motivated and maybe find some bugs. Try to open your PSDs and see them rendered. You can follow my FB or Twitter (see blog) to be aware of future updates. If you have a blog, it would be great if you write some post about it
     
    Let me know, what you think about it and what should happen to make you use it instead of your current image editor
     

  8. Like
    IvanK got a reaction from GameOptimal in Photopea - edit PSD in a browser   
    Hi,
     
    if anybody is still interested, I have published Photopea 0.9. It contains Type Tool, which is fully compatible with PSD format. 
     
    http://www.photopea.com
     
    What do you think about it? What are the features it must have, to make you use it?
  9. Like
    IvanK got a reaction from benny! in Photopea - edit PSD in a browser   
    Hi,
     
    if anybody is still interested, I have published Photopea 0.9. It contains Type Tool, which is fully compatible with PSD format. 
     
    http://www.photopea.com
     
    What do you think about it? What are the features it must have, to make you use it?
  10. Like
    IvanK got a reaction from nacs in Making browser fullscreen? (SOLVED)   
    Hi,

    I have a web http://www.funintablet.com/ . When you choose any of the games, there is a fullscreen button at the top right corner. You can see my code (pure JS):
    function makeFullscreen(id){ var el = document.getElementById(id); if (el.requestFullScreen ) el.requestFullScreen(); else if (el.webkitRequestFullScreen) el.webkitRequestFullScreen(); else if (el.mozRequestFullScreen ) el.mozRequestFullScreen();} I have tested my site in several desktop and Android browsers, it works everywhere.
  11. Like
    IvanK got a reaction from Ninjadoodle in Making browser fullscreen? (SOLVED)   
    Hi,

    I have a web http://www.funintablet.com/ . When you choose any of the games, there is a fullscreen button at the top right corner. You can see my code (pure JS):
    function makeFullscreen(id){ var el = document.getElementById(id); if (el.requestFullScreen ) el.requestFullScreen(); else if (el.webkitRequestFullScreen) el.webkitRequestFullScreen(); else if (el.mozRequestFullScreen ) el.mozRequestFullScreen();} I have tested my site in several desktop and Android browsers, it works everywhere.
  12. Like
    IvanK reacted to Mike in Photopea - edit PSD in a browser   
    It's a lovely project
     
    Wanna make a feature request: ctrl + click  - for selecting layers.
     
    I'll spam all my developers and designer friends with this app.
     
    And one more feature suggestion:
     
    http://www.javascripttoolbox.com/lib/contextmenu/
     
    A context menu for some shortcuts like the brush size.
  13. Like
    IvanK reacted to Luis Felipe in Photopea - edit PSD in a browser   
    Wow, this blew my mind! Excellent work Ivan. It really does work like Photoshop. Hope you keep this project up because I'd definitely become a regular user of this. Nice!
     
    As for feedback:
    The brush tool still needs work. It works great but I always work with a tablet so having pen pressure and the brush size/opacity be affected by the pressure is essential for me. Also needs some anti-aliasing. Although as is it would work marvels for pixel art
     
    And finally the general UI, What I like is that it resembles Photoshop so immediately I was able to understand and know where everything was. Maybe it could still be slightly different? I always hated their default color choose Corel Painter's seemed much more compact and intuitive. Here's an idea for the color picker:
    http://1.bp.blogspot.com/-achcQGn-0t4/UbUiTN1vW_I/AAAAAAAAAts/8QPKBdeVyaA/s1600/Screen+Shot+2013-06-09+at+6.47.53+PM.png
     
    Otherwise, you've done amazing work on this, can't wait to see how it evolves!
  14. Like
    IvanK got a reaction from Mike in Photopea - edit PSD in a browser   
    Hi,
     
    this is not really about games, but I think some fans of HTML5 may like that  If you do game design, you might actually use that (in some cases).

    I am developing a professional graphic editor, which will work inside a browser. I defined a challange for myself: it should load and save PSD (PhotoShop Document) format.
    www.Photopea.com Blog: blog.photopea.com I would like to get some feedback, to get myself motivated and maybe find some bugs. Try to open your PSDs and see them rendered. You can follow my FB or Twitter (see blog) to be aware of future updates. If you have a blog, it would be great if you write some post about it
     
    Let me know, what you think about it and what should happen to make you use it instead of your current image editor
     

  15. Like
    IvanK got a reaction from JoseDu in WebGL on Nexus 7   
    Hello,

    I have made a video of playing several of my games on Nexus 7 II.  I distribute them on FunInTablet.com (through SpreadMyGame.com). Games use WebGL, while FunInTablet uses Fullscreen API, so you can see a super smooth fullscreen experience on that beautiful 1920 x 1200 px  display


     
    I was testing it in Chrome Beta on Android. WebGL also works on Firefox, Opera Beta and few other Android browsers. I hope that WebGL will be in every browser on every device soon.

    What do you think about it? Will browser games replace native games?
  16. Like
    IvanK got a reaction from benny! in IvanK.js 0.9 is out!   
    Hello,
     
    IvanK lib 0.9 was just released. It contains many new features, especailly interesting are:
     
    - filling vector shapes (polygons and curves) 
     
    - multitouch support. I implemented it to add joysticks to my 3D shooter Dino Hunt
     
    - support for High DPI displays - "px" unit in CSS sometimes does not mean a real pixel, but library knows how to deal with it.
     
    As always, everything is accelerated with WebGL !  Enjoy!
  17. Like
    IvanK got a reaction from soybean in New game - Dino Hunt   
    Hello,
     
    I just have fulfilled my teenage dream, to make a 3D first person shooter
     
    I do all the graphics using IvanK.js , so I didn't use any GLSL, buffers, uniforms, no low-level WebGL. I made the game in a week. It took me the whole day to make and debug ray shooting engine with accelerator for triangular meshes (KD-tree).
     
    There is also a by-product, a library for parsing and editing 3D meshes. I have implemented OBJ, 3DS, Collada and MD2. E.g, you can load 3DS, rotate the model by 90 degrees and save it as OBJ in 3 lines of code. Or batch-process 1000 Collada files in a short for-loop.
     
    I wanted it to be addictible and fun to play. So how do you like it? What should I change? Isn't it too hard or too easy?

    BTW. I could not find any free animated 3D models of dinosaurs, so my models are static. If you have some animated models, let me know
     
    http://dinohunt.ivank.net/


  18. Like
    IvanK got a reaction from soybean in 2D Polygon library   
    Hello,
     
    let me introduce you my new open-source library  PolyK - http://polyk.ivank.net . It is written in pure JavaScript, without any bindings to DOM, CSS or anything else.
     
    It is a set of several functions, which take an array of numbers and process it. It my be useful for some games, but you can use it even for non-graphical computation. 
     
    I have several ideas for games, which may use that library. I don't have a time to make them, but maybe you will
    you click on some button in the middle of labyrinth (polygon) and you have to get mouse cursor out without touching the polygon. (PolyK.ContainsPoint) using PolyK.ClosestEdge you can test intersection with polygon and circle. You can make balls bouncing inside the polygon and then a character, which should go throught the polygon avoiding those balls. You can make car racing. Real physical models (Box2D, Bullet) are usually bad for car racing. With PolyK you can make pseudo-physical model. If you attach Z coordinate to road points and interpolate it, you can make 3D racing with jumping above the road, just like Need for speed With raycasting, you can test visibility between 2 points throught polygon. You can make your secret agent character run through the map while avoiding guards. Using Slice function, you can do something like Fruit ninja, but with multiple slicing and much interesting shapes.

  19. Like
    IvanK got a reaction from Dread Knight in What Javascript Framework Combinations is best for HTML5 games   
    I am repeating it over and over. You can not make things work in all browsers! There are some browsers from early 90's, which don't even have CSS. It will be hard to make your game work in them.
     
    I always recommend to choose the standard and write for that standard (HTML4.2, HTML5, XHTML, CSS1, CSS2, CSS3, DOM1, DOM2, DOM3, WebGL, ...) . If that standard is new, it will be sooner or later implemented in most of browsers. If you spend 50% of time making your app work in some old browser, all that effort may become useless in few months, when nobody will use that browser. Modern browsers are being automatically updated almost each month, even when user does not know what browser is.
     
    So again, we are not writing our apps for browsers, but browsers are being written for our apps!