|a| b |c |--|--| | e | f|h
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // https://tabrisjs.com/api/v1/pins/5ae0cff3ee64b0e448b9c190 | |
| // This is a simple Tabris.js app. Feel free to modify as you please. | |
| // Changes are saved immediately and will be available on your device after reload. | |
| const {Button, TextView, ui} = require('tabris'); | |
| // Create a push button and add it to the content view | |
| let button = new Button({ | |
| centerX: 0, centerY: 0, | |
| text: 'Tap here Taylar zzzzzzzzzzzzzz' |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ref https://tabrisjs.com/api/v1/pins/5a32c9adb364b0e4f14166bd | |
| const {ImageView, ScrollView, ui} = require('tabris'); | |
| const IMAGES = [ | |
| "heic0305a.jpg", | |
| "IRS46_nasa.jpg", | |
| "catseye.jpg", | |
| "heic0405a.jpg", | |
| "heic0414a.jpg", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ref: https://github.com/eclipsesource/tabris-js/issues/1627 with thanks to Tabris on github | |
| // done as a tutorial for my students | |
| const { Button, TextView, ui } = require('tabris') | |
| function onSuccess(acceleration) { | |
| txvAccelerationX.text = 'Acceleration X: ' + acceleration.x | |
| txvAccelerationY.text = 'Acceleration Y: ' + acceleration.y | |
| txvAccelerationZ.text = 'Acceleration Z: ' + acceleration.z | |
| txvTimeStamp.text = 'Timestamp: ' + getFormattedDate(acceleration.timestamp) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const { Button, ImageView, ui } = require('tabris') | |
| const widthPhoto = 300 | |
| const heightPhoto = 400 | |
| function takePhoto () { | |
| let onSuccess = image => imgPhoto.image = image | |
| let onFail = message => console.log('Camera failed because: ' + message) | |
| navigator.camera.getPicture(onSuccess, onFail, { | |
| quality: 50, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const { Button, ImageView, ui } = require('tabris') | |
| const widthPhoto = 300 | |
| const heightPhoto = 400 | |
| function takePhoto () { | |
| let onSuccess = image => imgPhoto.image = image | |
| let onFail = message => console.log('Camera failed because: ' + message) | |
| navigator.camera.getPicture(onSuccess, onFail, { | |
| quality: 50, |
- The code shown here:
refreshcomposite.jsis how you might be writing JavaScript - Let's try to format this up using the "JavaScript Standard" - which is gaining in popularite
- Watch this... put in WILDocument
- Mr. M. subscribes to his channel Fun Fun functions
- a programmer at Spotify... what is his background
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const { TextView, WebView, ImageView, ui } = require('tabris') | |
| // Using WebView to play responsive YouTube video and responsive images. Utilizes https://picturepan2.github.io/spectre/ | |
| const introText = 'This text from Tabris, WebView below using Spectre.css for responsive images and video.' | |
| const logo = 'https://eclipsesource.com/wp-content/uploads/2015/10/tabris-icon-logo-small.png' | |
| const youtubeURL = 'BzMLA8YIgG0' | |
| const relatedImage = 'https://edge.alluremedia.com.au/m/g/2017/05/SAM_0023-01-1.jpeg' |
Published here, username: mrmccormack
NOTE:
- This image is on Mr. M. Google Drive, shared publically
