This simple tutorial comes with a simple example of New Year – Countdown. The example uses the color of the year 2019 the PANTONE 16-1546 Living Coral. The result of this example can be seen on my codepen account: See the Pen New Year – Countdown by Catalin George Festila (@catafest) on CodePen. The example… Read More »
This example tutorial show how to add a text to canvas WebGL. In my example, I used the click refresh touchdown text. The rest of the source code is very simple. The HTML comes with the tag canvas, and the CSS area is filled with simple background. The javascript create variables to fit the canvas… Read More »
You can test your WebAssembly skills by using the WebAssembly Studio online tool. First, JavaScript doesn’t support int64 yet, a signature with int64 in wasm can’t be exported to JS. This means I will use only 32 support with JavaScript. If you open this online tool will see this: this area will start the project;… Read More »
NativeScript is an open-source framework to develop apps on the Apple iOS and Android platforms. This is a framework for building native iOS and Android apps using JavaScript and CSS. You can use JavaScript, Angular, TypeScript, Vue.js, FlexBox and CSS in your project. The result can be show on your phone with an application from… Read More »
I will use the example from my tutorial. Install electron-packager:
|
1 |
\nodejs\electronapp>npm install electron-packager --save-dev |
You need to add and modify the scripts below into your package.json:
|
1 2 3 4 5 6 7 |
"electron-packager": "^8.1.0" }, "scripts": { "package-mac": "electron-packager . --overwrite --platform=darwin --arch=x64 --icon=assets/icons/mac/icon.icns --prune=true --out=release-builds", "package-win": "electron-packager . electron-tutorial-app --overwrite --asar=true --platform=win32 --arch=ia32 --icon=assets/icons/win/icon.ico --prune=true --out=release-builds --version-string.CompanyName=CE --version-string.FileDescription=CE --version-string.ProductName=\"TutorialApp\"", "package-linux": "electron-packager . electron-tutorial-app --overwrite --asar=true --platform=linux --arch=x64 --icon=assets/icons/png/1024x1024.png --prune=true --out=release-builds" } |
You can create this folders assets, icons, win, mac and png, see:
|
1 2 3 4 5 6 7 |
\nodejs\electronapp>mkdir assets \nodejs\electronapp>cd assets \nodejs\electronapp\assets>mkdir icons \nodejs\electronapp\assets>cd icons \nodejs\electronapp\assets\icons>mkdir win \nodejs\electronapp\assets\icons>mkdir mac \nodejs\electronapp\assets\icons>mkdir png |
You need one icon file with this extension .png , .ico and .icns for each folder. You can… Read More »