el3um4s's Recent Forum Activity

  • How did you manage to show the leaflet map over the canvas? Did you use an iframe?

    I used the the browser plugin. With Execute JavaScript action you can add a div for the map.

  • The new buttons.

    I choose green as primary color, and I started redrawing the buttons and the windows message.

  • bobibrown You can use the browser plugin. With Execute JavaScript action you can add a div for the map and set the coords.

    I have not tested with Google map but with Open Street map and Michelin it works.

    https://www.scirra.com/forum/simple-offline-map-viewer-work-in-progress-win-amp-linux_t196487

  • I'm working on the user interface. I've added a toolbar, icon, and some buttons (close, minimize, maximize). I have some problems: it does not always work.

    I also set up the loading screen.

    Holy Mother of Pearl that's AWESOME!

    Thank's UberdroidGames

    What about online map viewing and manipulation?

    In the download section you can view and download online map.

    The manipulation section is very basic. I'm doing this for a voluntary association: this program will always be used offline.

  • Today I added a search function with autocomplete and autozoom on location founded.

  • Today I added a search function with autocomplete and autozoom on location founded.

  • Try Construct 3

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

    Try Now Construct 3 users don't see these ads

  • I'm working on a simple offline map viewer.

    In my plans there will be two sections:

    • download and save a map on the disk
    • open a downloaded map and browse offline

    At the moment I have set the two sections on a general level.

    Download

    In the download section you can:

    • choose the map's style (Toner, OpenStreetMap, WaterColor, Michelin)
    • see an estimate of the tilesmap to download
    • download the map (of course!)
    • choose the folder on the disk where you save the map
    • print the map displayed on the screen

    Offline

    In the offline section you can:

    • choose the folder from which to load the map
    • print the map displayed on the screen

  • Just a simple offline map viewer. Still wip.

  • For use my custom stylesheet I use the Browser Plugin.

    + System: On start of layout
-> Browser: Execute javascript "
var nameFileCSS = 'myStyle.css';
var realUrlCSS = this.runtime.getProjectFileUrl(nameFileCSS );
var styleCSS = document.createElement('link');
styleCSS .rel = 'stylesheet';
styleCSS .href= realUrlCSS ; 
document.head.appendChild(styleCSS );"[/code:g41dfx38]
[b]myStyle.css[/b] is the file's name. 

[code:g41dfx38]var realUrlCSS = this.runtime.getProjectFileUrl(nameFileCSS );[/code:g41dfx38]
That gives you the real URL to request.

[code:g41dfx38]var styleCSS = document.createElement('link');
styleCSS .rel = 'stylesheet';
styleCSS .href= realUrlCSS ; 
document.head.appendChild(styleCSS );[/code:g41dfx38]
That append the stylesheet to the header.

For JS I use:

[code:g41dfx38]-> Browser: Execute javascript "
var nameScript = 'myJSfile.js';
var realUrl = this.runtime.getProjectFileUrl(nameScript );
var jsFile= document.createElement('script');
jsFile.src = realUrl; 
document.head.appendChild(jsFile);"[/code:g41dfx38]

  • SquareTune

    - Create chiptune with a board

    Create your chitpunes for free: link to SquareTune

    SquareTune - Create chiptune with a board is my first web app created with C3. It's a simple chiptune generator: the sound are created dynamically by the app. The user select the note and the sequence. It's also possibile to save the tune in an offline file with extension ".c3tune" (it's a json file).

    Add the notes

    To add a note, simply drag it on the board.

    Add circles

    Circles are the core of SquareTune: when a circle hits a note SquareTune generates a sound. It's possibile to choose the direction of circle's movements (up, down, right, left) and then drag it on the board.

    Create patterns

    Right-click to change the direction of the circle when it is above the square of the board: it's possible to create several patterns.

    Hide elements

    Hide all the elements to improve the appearance of the SquareTune.

    Delete elements

    Remove the elements from the board to delete them one at a time. Or click on "Clear All" to delete everything.

    Credits

    Special thanks to Claudia Falzone for the translations.

    Sound generations based on the kittykatattack's library: sound.js.

    Icons from icons8.com

    Other

    This web app is created with Construct 3 Free Edition. I created SquareTune - Create chiptune whith a board with the free edition to test myself and my limits. I'm satisfied: SquareTune uses 50 events and allow to create chiptunes with only 182kb.

    And now?

    Now I hope to have some feedback. And I want to create a desktop version (via NW.js) for Windows and Linux.

el3um4s's avatar

el3um4s

Early Adopter

Member since 9 Nov, 2015

Twitter
el3um4s has 16 followers

Connect with el3um4s

blog.stranianelli.com

Trophy Case

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

Progress

15/44
How to earn trophies