Game case development of HTML5 based on CreateJS

1, Introduction to CreateJS CreateJS is the CreateJS library, which is developed for HTML5 games engine. Official website: http://www.createjs.cc/CreateJS is divided into four libraries:EaselJS: This is the core, including display list and event mechanism;TweenJS: used to control the slow motion of components;SoundJS: used to play sound;Preloa ...

Posted by rharden on Sat, 04 Apr 2020 19:43:34 -0700

JQuery implementation input upload image display thumbnail

Recently, I made a set of mobile shopping mall page, which has the function of uploading pictures to display thumbnails on the refund application page. I haven't done this before, so I sorted it out. First HTML: <p>Upload picture:</p> <div id="imgPreview"></div> <span class="upload-img">& ...

Posted by Dragoonus on Sat, 04 Apr 2020 16:58:33 -0700

Use and configuration of highcharts

Introduction: Highcharts series software includes Highcharts JS, Highstock JS and Highmaps JS, which are HTML5 chart libraries written in pure JavaScript. All the source codes are open, and can be used and edited for personal and non-commercial purposes. Chinese network addresshttps://www.hcharts.cn/docs/start-introduc ...

Posted by rlelek on Fri, 03 Apr 2020 02:28:57 -0700

Common dimensions for JavaScript DOM

JavaScript often uses sizes when working with DOM. This paper describes scrollbar distances, window sizes, document sizes, compatibility of element document coordinates, and ways to scroll windows to specified locations in bizarre and standard modes. Strange and Standard Patterns Browsers have weird and standard modes when parsing CSS for co ...

Posted by rlelek on Fri, 03 Apr 2020 00:58:27 -0700

Making games with createJS

Using createJS to make web games I. directory 1. Introduction to createJS 2. Case design 2, Introduction to createJS 1. What is createJS? CreateJS is the CreateJS library, which is an engine developed for HTML5 games. CreateJS is a set of open-source toolkit that can build rich interactive experience of HTML5 games. It aims to reduce the develo ...

Posted by TheNookie on Sun, 29 Mar 2020 07:58:10 -0700

Create JS: you have many colors

Game introduction: see you have polychrome "is a small game based on Html5 technology, which challenges the human eye's ability to distinguish colors and is fun and easy to use. According to Kaiser, the developer, the inspiration of the game is from the familiar game of finding fault, which is simplified according to the user's behavior ha ...

Posted by poison on Sat, 28 Mar 2020 08:31:44 -0700

Game making based on canvas

Use canvas canvas to design games 1. Catalogue 1. Introduction to Canvas 2. Cases 2. Introduction to canvas What is a Canvas element The canvas element of HTML5 uses JavaScript to draw images on a Web page.The canvas is a rectangular area where you can control each pixel.Canvas has a variety of ways to draw paths, rectangles, circles, character ...

Posted by spider661 on Mon, 23 Mar 2020 09:54:35 -0700

Anti war -- wechat applet

Wechat applet brief introduction Wechat applet is a new way to connect users and services. It can be easily obtained and spread in wechat, and has an excellent use experience. Advantages and disadvantages Advantage 1. It's really convenient for users to use. When they want to use it, they can turn ...

Posted by fireant on Mon, 24 Feb 2020 01:42:47 -0800

Angular JS file upload tool

Detailed introduction of angular file upload Angular file upload is a lightweight AngularJS file upload tool. It is designed for the file API Polyfill which does not support browser, and uses HTML5 to upload files directly. Online demo Characteristic Support upload progress, cancel or abort when uploading, support file drag ( ...

Posted by aeafisme23 on Thu, 13 Feb 2020 11:50:17 -0800

app evokes the perfect solution and prevents browser's default pop-up behavior

https://stackoverflow.com/questions/10237031/how-to-open-a-native-ios-app-from-a-web-app var frame = document.createElement('iframe'); frame.src = 'myapp://?params=...'; frame.style.display = 'none'; document.body.appendChild(frame); setTimeout(function() { document.body.removeChild(frame); }, 4); The above pl ...

Posted by aktell on Wed, 12 Feb 2020 08:49:09 -0800