LeapMotion
0 likes1,242 views
This document discusses using Leap Motion to communicate between browsers and add graphics. Node.js and Socket.io are used to create a server that allows browsers to share Leap Motion frame data. Paper.js is used to display rotating shapes that update based on the shared Leap data. A demo controls a 3D cube using palm position data from Leap Motion.
1 of 11
Downloaded 36 times
![Server code
var express = require('express');
io.sockets.on('connection', function (socket) {
var app = express.createServer();
socket.on('frame',function(data){
socket.broadcast.emit('frame', data);
var io = require('socket.io').listen(app), fs = require('fs');
});
});
io.configure(function () {
io.set("transports", ["xhr-polling"]);
io.set("polling duration", 10);
});
app.use(express.static(__dirname + '/static'));
var port = process.env.PORT || 5000;
app.listen(port, function() {
console.log("Listening on " + port);
});](https://image.slidesharecdn.com/leapmotion-131126102134-phpapp01/85/LeapMotion-3-320.jpg)
![Front end code
var socket = io.connect(window.location.host.toString());
if(socket){
...
socket.on('frame', function (data) {
Leap.loop(function(frame) {
console.log("data: ",data);
Controller.getFrame(frame);
Controller.getFrame(data);
if(socket){
var obj = {};
obj.pointables = {};
obj.pointables.length = frame.pointables.length;
obj.hands = [];
obj.hands[0] = {};
obj.hands[0].palmPosition = [];
obj.hands[0].palmPosition[0] = {};
obj.hands[0].palmPosition[1] = {};
obj.hands[0].palmPosition[1] = frame.hands[0].palmPosition[1];
socket.emit("frame",obj);
}
});
...
});
}](https://image.slidesharecdn.com/leapmotion-131126102134-phpapp01/85/LeapMotion-4-320.jpg)
![Graphics - create/update
//CREATE -------
//UPDATE ON FRAME --------
var a = x*Math.floor(360/6);
paper.view.onFrame = function(event) {
var angle = (a*dtr);
graphicsArr[id]["angle"]+=1;
var x = (gRadius*Math.cos(angle));
var angle = (graphicsArr[id]["angle"]*dtr);
var y = (gRadius*Math.sin(angle));
var x = (gRadius*Math.cos(angle));
graphicsArr[id] = new paper.Path.Rectangle([x+xOffset, y+yOffset], [40, 40]);
var y = (gRadius*Math.sin(angle));
graphicsArr[id]["angle"] = a;
graphicsArr[id].position = [x+xOffset,y+yOffset];
graphicsArr[id]["text"] = new paper.PointText({
graphicsArr[id]["text"].position = [x+xOffset,y+yOffset+40];
point: [x+xOffset,y+yOffset],
justification: 'left',
fontSize: 13,
fillColor: 'white'
});
graphicsArr[id]["text"].content = id;
graphicsArr[id].strokeColor = '#ffffff';
graphicsArr[id].fillColor = 'black';
paper.view.draw();
}](https://image.slidesharecdn.com/leapmotion-131126102134-phpapp01/85/LeapMotion-6-320.jpg)
![Controlling a 3d shape
3d cube using CSS3
Controlling it using Leaps palm position
var hand = frame.hands[0];
yVal = hand.palmPosition;
var volChangeY = parseFloat(yVal[0].toFixed(1));
volOutputY = volChangeY/yThreshold;
...
var x = volOutputX*360;
var y = volOutputY*360;
var z = volOutputZ*360;
$('#cube').css('-webkit-transform', 'rotate3d('+x+', '+y+', '+z+', '+z+'deg)');](https://image.slidesharecdn.com/leapmotion-131126102134-phpapp01/85/LeapMotion-9-320.jpg)
Ad
Recommended
C++ AMP れ 覦
C++ AMP れ 覦 覈 蟾
油
The document compares CPU and GPU processing and discusses how to write programs that utilize GPUs through C++ AMP. It shows an example of performing element-wise multiplication on an array in parallel using C++ AMP and GPU processing versus serial CPU processing. It also discusses key concepts of C++ AMP like array views, extents, indexes and the restrict keyword.Kinect de-theremin
Kinect de-thereminKazuyuki Honda
油
This document discusses using the Kinect sensor with Node.js. It describes connecting the Kinect to Node.js using the Audio Data API and Socket.IO for real-time data streaming. Code examples are provided for an Express server to handle requests and websockets, and using TCP/IP to receive Kinect sensor data and broadcast it over websockets.The PDP-10 - and me
The PDP-10 - and meBj淡rn Hell Larsen
油
The document discusses the PDP-10 computer system from Digital Equipment Corporation (DEC). It provides background on DEC and highlights of the PDP-10 including its hardware, operating systems like TOPS-10 and TENEX, programming languages like BLISS and MACRO-10, and emulation of PDP-10 systems today. It encourages exploring more about the PDP-10 which had amazing capabilities that still inspire people today.Java lejos-multithreading
Java lejos-multithreadingMr. Chanuwan
油
This document discusses using multithreading in Java with LEJOS to control a line following robot. It presents the original single-threaded code and then improves it using two threads - one for line following and one for obstacle detection. The main program starts each thread and uses a DataExchange class to allow the threads to communicate and coordinate the robot's behavior. When no obstacles are detected, the line following thread controls the motors to follow a black line. When an obstacle is detected within 25cm, the obstacle detection thread stops the line following behavior.Eulode
Eulodeshah1230
油
This document contains code to solve initial value problems (IVPs) using the Euler method and calculate the error. It defines a function called eulode that uses Euler's method to solve an IVP from t0 to tf with initial value y0 and step size h. It also defines a function called error_eulode that calculates the error between the exact and numerical solutions for varying step sizes h. The code generates log-log plots of the step size h versus the error to observe the convergence.LvivPy4 - Threading vs asyncio
LvivPy4 - Threading vs asyncioRoman Rader
油
Threading uses system threads which results in higher overhead compared to asyncio which uses asynchronous non-blocking I/O and doesn't require additional system threads. This is demonstrated through benchmark tests where threading had longer execution times than asyncio for both high numbers of task spawns and long running tasks due to the additional thread management overhead in threading.Libre Office Impress Lesson 3: Adding and Formatting pictures
Libre Office Impress Lesson 3: Adding and Formatting picturesSmart Chicago Collaborative
油
This document is a lesson on adding and formatting pictures using Impress, covering topics such as inserting images from files, scanners, and galleries, as well as creating and formatting lines and shapes. It provides instructions for deleting images, moving, resizing, rotating, and adjusting images, and discusses the use of the drawing toolbar for creating graphic objects. Additionally, it explains applying special effects and aligning objects within presentations.3 d shapes 2
3 d shapes 2Abdo Abdo
油
The document defines and provides information about common 3D shapes including their key features, number of faces, edges, corners, and planes of symmetry. It discusses the cuboid, cube, prism, triangular prism, hexagonal prism, cylinder, cone, sphere, square-based pyramid, tetrahedron, octahedron, dodecahedron, and icosahedron. For each shape, it specifies characteristics like the type of faces, symmetry properties, and whether they are considered prisms.Socket.io
Socket.ioAntonio Terreno
油
Socket.io is a JavaScript library that enables real-time bidirectional event-based communication between web clients and servers. It uses multiple transport mechanisms including WebSocket, polling, and flash sockets and has built-in support for reconnecting clients and detecting disconnections through heartbeats. Socket.io allows for multiple sockets under a single connection using namespaces and has a lightweight protocol that sits on top of HTTP.soft-shake.ch - Hands on Node.js
soft-shake.ch - Hands on Node.jssoft-shake.ch
油
The document provides an overview of Node.js, including its non-blocking API, event programming model, and the use of modules such as Express and Socket.io. It highlights how Node.js enables scalable network programs and facilitates asynchronous communication. It also covers event handling, unit testing methods, and some of the limitations of using Node.js.node.js practical guide to serverside javascript
node.js practical guide to serverside javascriptEldar Djafarov
油
This document provides an overview of Node.js and how to build server-side JavaScript applications with it. Some key points covered include:
- Node.js uses a single-threaded non-blocking I/O model that handles multiple requests concurrently using callbacks and an event loop.
- Common Node.js modules like Express make it easy to build REST APIs and web servers. Express uses middleware for common tasks like routing, static files, authentication etc.
- Testing Node.js applications can be done with frameworks like Mocha and Chai to write unit and integration tests, and the Request library to mock HTTP requests.Mobile webapplication development
Mobile webapplication developmentGanesh Gembali
油
The document discusses several HTML5 APIs including Geolocation, Web Storage, Web SQL, Web Workers, Web Sockets, and Canvas. It provides code examples and explanations for how each API works and can be used, including getting a user's location, storing data locally, running scripts in parallel threads, enabling real-time communications, and drawing graphics. It also mentions some use cases for these technologies like building games, performing intensive calculations, and syntax highlighting.NodeJS
NodeJSAlok Guha
油
The document provides an overview of Node.js, a JavaScript runtime environment for building scalable network applications. Some key points covered include:
- Node.js is built on Google's V8 JavaScript engine and is event-driven and non-blocking.
- It is well-suited for data-intensive real-time applications due to its lightweight and efficient nature.
- Node.js differs from other scripting languages by being non-blocking, single-threaded, and having an event-based approach built-in.JS everywhere 2011
JS everywhere 2011Oleg Podsechin
油
The document discusses the future of server-side JavaScript. It covers various Node.js frameworks and libraries that support both synchronous and asynchronous programming styles. CommonJS aims to provide interoperability across platforms by implementing synchronous proposals using fibers. Examples demonstrate how CommonJS allows for synchronous-like code while maintaining asynchronous behavior under the hood. Benchmarks show it has comparable performance to Node.js. The author advocates for toolkits over frameworks and continuing development of common standards and packages.Nodejs and WebSockets
Nodejs and WebSocketsGonzalo Ayuso
油
Node.js is an asynchronous event-driven JavaScript runtime that allows JavaScript to be used on the server-side. It uses a non-blocking I/O model that makes it suitable for real-time web applications. WebSockets provide a standardized way for the browser and server to establish two-way communication. However, not all browsers support WebSockets yet. Socket.io addresses this by providing a WebSocket-like experience across all browsers through fallbacks like long-polling. It allows real-time applications to be developed more easily.Node worshop Realtime - Socket.io
Node worshop Realtime - Socket.ioCaesar Chi
油
The document discusses using Socket.io to add real-time capabilities to web applications. It provides an overview of Socket.io and how to install and use it with Node.js. Examples are given of emitting and receiving events, broadcasting to all connections, and setting up Socket.io with Express.mobl
moblzefhemel
油
The document discusses the mobl programming language for building mobile web applications. Mobl is a statically-typed language that compiles to HTML and JavaScript. It aims to provide features for building reactive user interfaces and uses techniques like continuation-passing style and observables to support asynchronous programming in a synchronous-looking way. The document provides examples of coding common mobile app patterns like data binding, network requests, and user input handling in mobl.Building Web Apps with Express
Building Web Apps with ExpressAaron Stannard
油
The document is a guide to building web applications using the Express framework for Node.js. It covers installation, configuration, routing, and session management, providing examples of code and project structure. Additionally, it includes details on handling requests and responses, as well as best practices for creating route modules and managing views.Writing robust Node.js applications
Writing robust Node.js applicationsTom Croucher
油
This document provides an introduction and overview of a Node.js tutorial presented by Tom Hughes-Croucher. The tutorial covers topics such as building scalable server-side code with JavaScript using Node.js, debugging Node.js applications, using frameworks like Express.js, and best practices for deploying Node.js applications in production environments. The tutorial includes exercises for hands-on learning and demonstrates tools and techniques like Socket.io, clustering, error handling and using Redis with Node.js applications.Nest in Peace
Nest in PeaceGil Steiner
油
The document explores the NestJS framework, emphasizing its server-side capabilities built on Express, along with a playful reference to a theoretical game called Jewish Poker. It outlines basic concepts and provides a starter project guide for creating a NestJS application. The document also contrasts Angular with NestJS, highlighting their modular nature and ease of use.Event-driven IO server-side JavaScript environment based on V8 Engine
Event-driven IO server-side JavaScript environment based on V8 EngineRicardo Silva
油
This document contains information about Ricardo Silva's background and areas of expertise. It includes his degree in Computer Science from ISTEC and MSc in Computation and Medical Instrumentation from ISEP. It also notes that he works as a Software Developer at Shortcut, Lda and maintains a blog and email contact for Node.js topics. The document then covers several JavaScript, Node.js and Websockets topics through examples and explanations in 3 sentences or less each.Switch to Backend 2023 | Day 1 Part 2
Switch to Backend 2023 | Day 1 Part 2Google Developer Students Club NIT Silchar
油
The document outlines the benefits of using Express.js, including reduced code, improved project structure, and extensive plugin availability. It provides a basic example of setting up an Express application, defining routes, and illustrating how to structure code effectively. Additionally, it touches on middleware, cookies, and sessions for managing client and server data.Workshop 4: NodeJS. Express Framework & MongoDB.
Workshop 4: NodeJS. Express Framework & MongoDB.Visual Engineering
油
This document provides an introduction to Node.js, Express, and MongoDB. Node.js is a JavaScript runtime built on Chrome's V8 engine that allows JavaScript to be run on the server-side. Express is a web application framework for Node.js that provides routing capabilities and middleware support. MongoDB is a non-relational database that stores data in flexible, JSON-like documents, rather than using rigid tables. The document discusses the pros and cons of each technology and provides examples of basic usage and configuration.Kraken Front-Trends
Kraken Front-TrendsPayPal
油
This document discusses KrakenJS, an open source JavaScript framework built on Node.js and Express. It summarizes PayPal's transition from Java to Node.js architectures to enable faster development and deployment cycles. It then describes the major components of KrakenJS, including Makara for internationalization, Lusca for security, Adaro for templating with Dust, and a generator for setting up new KrakenJS apps. The use of these components for templating, configuration, and model generation is also outlined.NodeJs
NodeJsdizabl
油
Node.js is a JavaScript runtime built on Chrome's V8 engine. It allows JavaScript to run on the server-side and is used for building network applications. Some key points about Node.js include:
- It uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.
- Node package manager (npm) allows installation of external packages and libraries.
- Modules are used to organize code into reusable pieces and can be local or installed via npm.
- Testing frameworks like Mocha allow writing unit tests for modules and APIs.FAESA CONENCO 2013: Sencha Touch 2 + PhoneGap
FAESA CONENCO 2013: Sencha Touch 2 + PhoneGapLoiane Groner
油
This document discusses Sencha Touch and PhoneGap for building mobile applications. It begins with an introduction to Sencha Touch, describing it as the first JavaScript framework for building rich mobile apps using web standards. It outlines the core components and features of Sencha Touch like lists, forms, events and stores. The document then provides an overview of PhoneGap/Cordova, describing it as a platform that allows writing native mobile apps using HTML, CSS and JavaScript. It discusses PhoneGap's capabilities for accessing device features like the camera, contacts and compass. The document proposes a workflow for developing Sencha Touch and PhoneGap applications together, covering mockups, development, testing, and deployment to app stores. It compares advantages of native,The Death of a Mouse
The Death of a MouseGeert Bevin
油
The document discusses the Leap Motion Controller and Myo gesture control devices. It provides an overview of their technical specifications including tracking accuracy, supported languages, data models, and examples of applications. It also shares some of the author's insights on designing gesture-based applications.Sibling rivalry tech vs. philosophy on bias in ai
Sibling rivalry tech vs. philosophy on bias in aiJohn Tubert
油
Bias in AI can have profound effects: while one biased person can affect many people, a biased AI system can affect many more. We have seen many prominent examples in recent years: cameras that dont see dark skin, algorithms that discriminate against women in hiring, racist chatbots, sexist translation programs, etc. Contrasting the points of view of the optimist technologist and the pessimistic philosopher, this presentation will highlight the importance of thinking about bias when developing AI, the challenges that become evident in trying to identify those biases and what we could do in the short and long-term to avoid them. In addition to broader long-term possible solutions, we discuss readily available tools and tactics that companies can use today to minimize bias in developing AI.Sibling rivalry tech vs. philosophy on bias & AI
Sibling rivalry tech vs. philosophy on bias & AIJohn Tubert
油
Bias in AI can have profound effects: while one biased person can affect many people, a biased AI system can affect many more. We have seen many prominent examples in recent years: cameras that dont see dark skin, algorithms that discriminate against women in hiring, racist chatbots, sexist translation programs, etc. Contrasting the points of view of the optimist technologist and the pessimistic philosopher, this presentation will highlight the importance of thinking about bias when developing AI, the challenges that become evident in trying to identify those biases, and what we could do in the short and long-term to avoid those biases. In addition to broader long-term possible solutions, we discuss readily available tools and tactics that companies can use today to minimize bias in developing AI.More Related Content
Similar to LeapMotion (20)
Socket.io
Socket.ioAntonio Terreno
油
Socket.io is a JavaScript library that enables real-time bidirectional event-based communication between web clients and servers. It uses multiple transport mechanisms including WebSocket, polling, and flash sockets and has built-in support for reconnecting clients and detecting disconnections through heartbeats. Socket.io allows for multiple sockets under a single connection using namespaces and has a lightweight protocol that sits on top of HTTP.soft-shake.ch - Hands on Node.js
soft-shake.ch - Hands on Node.jssoft-shake.ch
油
The document provides an overview of Node.js, including its non-blocking API, event programming model, and the use of modules such as Express and Socket.io. It highlights how Node.js enables scalable network programs and facilitates asynchronous communication. It also covers event handling, unit testing methods, and some of the limitations of using Node.js.node.js practical guide to serverside javascript
node.js practical guide to serverside javascriptEldar Djafarov
油
This document provides an overview of Node.js and how to build server-side JavaScript applications with it. Some key points covered include:
- Node.js uses a single-threaded non-blocking I/O model that handles multiple requests concurrently using callbacks and an event loop.
- Common Node.js modules like Express make it easy to build REST APIs and web servers. Express uses middleware for common tasks like routing, static files, authentication etc.
- Testing Node.js applications can be done with frameworks like Mocha and Chai to write unit and integration tests, and the Request library to mock HTTP requests.Mobile webapplication development
Mobile webapplication developmentGanesh Gembali
油
The document discusses several HTML5 APIs including Geolocation, Web Storage, Web SQL, Web Workers, Web Sockets, and Canvas. It provides code examples and explanations for how each API works and can be used, including getting a user's location, storing data locally, running scripts in parallel threads, enabling real-time communications, and drawing graphics. It also mentions some use cases for these technologies like building games, performing intensive calculations, and syntax highlighting.NodeJS
NodeJSAlok Guha
油
The document provides an overview of Node.js, a JavaScript runtime environment for building scalable network applications. Some key points covered include:
- Node.js is built on Google's V8 JavaScript engine and is event-driven and non-blocking.
- It is well-suited for data-intensive real-time applications due to its lightweight and efficient nature.
- Node.js differs from other scripting languages by being non-blocking, single-threaded, and having an event-based approach built-in.JS everywhere 2011
JS everywhere 2011Oleg Podsechin
油
The document discusses the future of server-side JavaScript. It covers various Node.js frameworks and libraries that support both synchronous and asynchronous programming styles. CommonJS aims to provide interoperability across platforms by implementing synchronous proposals using fibers. Examples demonstrate how CommonJS allows for synchronous-like code while maintaining asynchronous behavior under the hood. Benchmarks show it has comparable performance to Node.js. The author advocates for toolkits over frameworks and continuing development of common standards and packages.Nodejs and WebSockets
Nodejs and WebSocketsGonzalo Ayuso
油
Node.js is an asynchronous event-driven JavaScript runtime that allows JavaScript to be used on the server-side. It uses a non-blocking I/O model that makes it suitable for real-time web applications. WebSockets provide a standardized way for the browser and server to establish two-way communication. However, not all browsers support WebSockets yet. Socket.io addresses this by providing a WebSocket-like experience across all browsers through fallbacks like long-polling. It allows real-time applications to be developed more easily.Node worshop Realtime - Socket.io
Node worshop Realtime - Socket.ioCaesar Chi
油
The document discusses using Socket.io to add real-time capabilities to web applications. It provides an overview of Socket.io and how to install and use it with Node.js. Examples are given of emitting and receiving events, broadcasting to all connections, and setting up Socket.io with Express.mobl
moblzefhemel
油
The document discusses the mobl programming language for building mobile web applications. Mobl is a statically-typed language that compiles to HTML and JavaScript. It aims to provide features for building reactive user interfaces and uses techniques like continuation-passing style and observables to support asynchronous programming in a synchronous-looking way. The document provides examples of coding common mobile app patterns like data binding, network requests, and user input handling in mobl.Building Web Apps with Express
Building Web Apps with ExpressAaron Stannard
油
The document is a guide to building web applications using the Express framework for Node.js. It covers installation, configuration, routing, and session management, providing examples of code and project structure. Additionally, it includes details on handling requests and responses, as well as best practices for creating route modules and managing views.Writing robust Node.js applications
Writing robust Node.js applicationsTom Croucher
油
This document provides an introduction and overview of a Node.js tutorial presented by Tom Hughes-Croucher. The tutorial covers topics such as building scalable server-side code with JavaScript using Node.js, debugging Node.js applications, using frameworks like Express.js, and best practices for deploying Node.js applications in production environments. The tutorial includes exercises for hands-on learning and demonstrates tools and techniques like Socket.io, clustering, error handling and using Redis with Node.js applications.Nest in Peace
Nest in PeaceGil Steiner
油
The document explores the NestJS framework, emphasizing its server-side capabilities built on Express, along with a playful reference to a theoretical game called Jewish Poker. It outlines basic concepts and provides a starter project guide for creating a NestJS application. The document also contrasts Angular with NestJS, highlighting their modular nature and ease of use.Event-driven IO server-side JavaScript environment based on V8 Engine
Event-driven IO server-side JavaScript environment based on V8 EngineRicardo Silva
油
This document contains information about Ricardo Silva's background and areas of expertise. It includes his degree in Computer Science from ISTEC and MSc in Computation and Medical Instrumentation from ISEP. It also notes that he works as a Software Developer at Shortcut, Lda and maintains a blog and email contact for Node.js topics. The document then covers several JavaScript, Node.js and Websockets topics through examples and explanations in 3 sentences or less each.Switch to Backend 2023 | Day 1 Part 2
Switch to Backend 2023 | Day 1 Part 2Google Developer Students Club NIT Silchar
油
The document outlines the benefits of using Express.js, including reduced code, improved project structure, and extensive plugin availability. It provides a basic example of setting up an Express application, defining routes, and illustrating how to structure code effectively. Additionally, it touches on middleware, cookies, and sessions for managing client and server data.Workshop 4: NodeJS. Express Framework & MongoDB.
Workshop 4: NodeJS. Express Framework & MongoDB.Visual Engineering
油
This document provides an introduction to Node.js, Express, and MongoDB. Node.js is a JavaScript runtime built on Chrome's V8 engine that allows JavaScript to be run on the server-side. Express is a web application framework for Node.js that provides routing capabilities and middleware support. MongoDB is a non-relational database that stores data in flexible, JSON-like documents, rather than using rigid tables. The document discusses the pros and cons of each technology and provides examples of basic usage and configuration.Kraken Front-Trends
Kraken Front-TrendsPayPal
油
This document discusses KrakenJS, an open source JavaScript framework built on Node.js and Express. It summarizes PayPal's transition from Java to Node.js architectures to enable faster development and deployment cycles. It then describes the major components of KrakenJS, including Makara for internationalization, Lusca for security, Adaro for templating with Dust, and a generator for setting up new KrakenJS apps. The use of these components for templating, configuration, and model generation is also outlined.NodeJs
NodeJsdizabl
油
Node.js is a JavaScript runtime built on Chrome's V8 engine. It allows JavaScript to run on the server-side and is used for building network applications. Some key points about Node.js include:
- It uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.
- Node package manager (npm) allows installation of external packages and libraries.
- Modules are used to organize code into reusable pieces and can be local or installed via npm.
- Testing frameworks like Mocha allow writing unit tests for modules and APIs.FAESA CONENCO 2013: Sencha Touch 2 + PhoneGap
FAESA CONENCO 2013: Sencha Touch 2 + PhoneGapLoiane Groner
油
This document discusses Sencha Touch and PhoneGap for building mobile applications. It begins with an introduction to Sencha Touch, describing it as the first JavaScript framework for building rich mobile apps using web standards. It outlines the core components and features of Sencha Touch like lists, forms, events and stores. The document then provides an overview of PhoneGap/Cordova, describing it as a platform that allows writing native mobile apps using HTML, CSS and JavaScript. It discusses PhoneGap's capabilities for accessing device features like the camera, contacts and compass. The document proposes a workflow for developing Sencha Touch and PhoneGap applications together, covering mockups, development, testing, and deployment to app stores. It compares advantages of native,The Death of a Mouse
The Death of a MouseGeert Bevin
油
The document discusses the Leap Motion Controller and Myo gesture control devices. It provides an overview of their technical specifications including tracking accuracy, supported languages, data models, and examples of applications. It also shares some of the author's insights on designing gesture-based applications.More from John Tubert (8)
Sibling rivalry tech vs. philosophy on bias in ai
Sibling rivalry tech vs. philosophy on bias in aiJohn Tubert
油
Bias in AI can have profound effects: while one biased person can affect many people, a biased AI system can affect many more. We have seen many prominent examples in recent years: cameras that dont see dark skin, algorithms that discriminate against women in hiring, racist chatbots, sexist translation programs, etc. Contrasting the points of view of the optimist technologist and the pessimistic philosopher, this presentation will highlight the importance of thinking about bias when developing AI, the challenges that become evident in trying to identify those biases and what we could do in the short and long-term to avoid them. In addition to broader long-term possible solutions, we discuss readily available tools and tactics that companies can use today to minimize bias in developing AI.Sibling rivalry tech vs. philosophy on bias & AI
Sibling rivalry tech vs. philosophy on bias & AIJohn Tubert
油
Bias in AI can have profound effects: while one biased person can affect many people, a biased AI system can affect many more. We have seen many prominent examples in recent years: cameras that dont see dark skin, algorithms that discriminate against women in hiring, racist chatbots, sexist translation programs, etc. Contrasting the points of view of the optimist technologist and the pessimistic philosopher, this presentation will highlight the importance of thinking about bias when developing AI, the challenges that become evident in trying to identify those biases, and what we could do in the short and long-term to avoid those biases. In addition to broader long-term possible solutions, we discuss readily available tools and tactics that companies can use today to minimize bias in developing AI.Extreme Danger of bias in Artificial Inteligence
Extreme Danger of bias in Artificial InteligenceJohn Tubert
油
This document summarizes John Tubert's presentation on bias in artificial intelligence at SXSW. Tubert discusses how unconscious bias can negatively impact AI systems, providing examples of AI-powered hiring tools and self-driving cars discriminating against protected groups. He urges considering how AI may treat people differently based on attributes like gender, skin color, or minority status. The presentation then offers methods companies can use to mitigate bias, such as diversifying training data and teams, testing algorithms for bias, and auditing models with independent firms before deployment.Sketchio presentation at Parse Developer meetup
Sketchio presentation at Parse Developer meetupJohn Tubert
油
The document outlines the development of the Sketchio drawing app, detailing its features, design process, backend implementation using Parse, and the integration of Facebook login. It highlights challenges faced during development, such as implementing undo/redo functionality, and the creation of a responsive website for the app. Key components include various libraries used, coding snippets, and links to the app's gallery and demos.Drawing room experiment
Drawing room experimentJohn Tubert
油
Prototype of a multiplayer social realtime drawing game using html5 and node.js. You can see the presentation also here: http://jtubert.github.io/presentations/TheDrawingRoom/ Parse.com
Parse.comJohn Tubert
油
This document provides an overview of the Parse mobile app platform and how to get started using it. It explains that Parse is free to start, requires no server, and is easy to use across multiple platforms. It then demonstrates how to initialize a Parse project, perform basic operations like reading, writing, and querying data, implement user authentication, and call cloud code methods from a mobile app. Server-side code can also be written with cloud code and deployed to Parse.Bunch of random tech things
Bunch of random tech thingsJohn Tubert
油
This document lists various technologies for building web and mobile apps including Pixate for styling iOS and Android apps with CSS, Tailbone for using Google App Engine from the front end, and Pusher.com for adding real-time functionality. It also mentions code editors like Cloud9IDE and WebStorm as well as experiments using Canvas, CSS3, WebGL, and the Instagram API to create puzzles and 3D visualizations. Finally, it describes a multiplayer drawing application built with HTML5 and Node.js.Ad
Recently uploaded (20)
9-1-1 Addressing: End-to-End Automation Using FME
9-1-1 Addressing: End-to-End Automation Using FMESafe Software
油
This session will cover a common use case for local and state/provincial governments who create and/or maintain their 9-1-1 addressing data, particularly address points and road centerlines. In this session, you'll learn how FME has helped Shelby County 9-1-1 (TN) automate the 9-1-1 addressing process; including automatically assigning attributes from disparate sources, on-the-fly QAQC of said data, and reporting. The FME logic that this presentation will cover includes: Table joins using attributes and geometry, Looping in custom transformers, Working with lists and Change detection.Connecting Data and Intelligence: The Role of FME in Machine Learning
Connecting Data and Intelligence: The Role of FME in Machine LearningSafe Software
油
In this presentation, we want to explore powerful data integration and preparation for Machine Learning. FME is known for its ability to manipulate and transform geospatial data, connecting diverse data sources into efficient and automated workflows. By integrating FME with Machine Learning techniques, it is possible to transform raw data into valuable insights faster and more accurately, enabling intelligent analysis and data-driven decision making.Powering Multi-Page Web Applications Using Flow Apps and FME Data Streaming
Powering Multi-Page Web Applications Using Flow Apps and FME Data StreamingSafe Software
油
Unleash the potential of FME Flow to build and deploy advanced multi-page web applications with ease. Discover how Flow Apps and FMEs data streaming capabilities empower you to create interactive web experiences directly within FME Platform. Without the need for dedicated web-hosting infrastructure, FME enhances both data accessibility and user experience. Join us to explore how to unlock the full potential of FME for your web projects and seamlessly integrate data-driven applications into your workflows.Creating Inclusive Digital Learning with AI: A Smarter, Fairer Future
Creating Inclusive Digital Learning with AI: A Smarter, Fairer FutureImpelsys Inc.
油
Have you ever struggled to read a tiny label on a medicine box or tried to navigate a confusing website? Now imagine if every learning experience felt that wayevery single day.
For millions of people living with disabilities, poorly designed content isnt just frustrating. Its a barrier to growth. Inclusive learning is about fixing that. And today, AI is helping us build digital learning thats smarter, kinder, and accessible to everyone.
Accessible learning increases engagement, retention, performance, and inclusivity for everyone. Inclusive design is simply better design.Key Requirements to Successfully Implement Generative AI in Edge DevicesOpt...
Key Requirements to Successfully Implement Generative AI in Edge DevicesOpt...Edge AI and Vision Alliance
油
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2025/06/key-requirements-to-successfully-implement-generative-ai-in-edge-devices-optimized-mapping-to-the-enhanced-npx6-neural-processing-unit-ip-a-presentation-from-synopsys/
Gordon Cooper, Principal Product Manager at Synopsys, presents the Key Requirements to Successfully Implement Generative AI in Edge DevicesOptimized Mapping to the Enhanced NPX6 Neural Processing Unit IP tutorial at the May 2025 Embedded Vision Summit.
In this talk, Cooper discusses emerging trends in generative AI for edge devices and the key role of transformer-based neural networks. He reviews the distinct attributes of transformers, their advantages over conventional convolutional neural networks and how they enable generative AI.
Cooper then covers key requirements that must be met for neural processing units (NPU) to support transformers and generative AI in edge device applications. He uses transformer-based generative AI examples to illustrate the efficient mapping of these workloads onto the enhanced Synopsys ARC NPX NPU IP family.Crypto Super 500 - 14th Report - June2025.pdf
Crypto Super 500 - 14th Report - June2025.pdfStephen Perrenod
油
This OrionX's 14th semi-annual report on the state of the cryptocurrency mining market. The report focuses on Proof-of-Work cryptocurrencies since those use substantial supercomputer power to mint new coins and encode transactions on their blockchains. Only two make the cut this time, Bitcoin with $18 billion of annual economic value produced and Dogecoin with $1 billion. Bitcoin has now reached the Zettascale with typical hash rates of 0.9 Zettahashes per second. Bitcoin is powered by the world's largest decentralized supercomputer in a continuous winner take all lottery incentive network.10 Key Challenges for AI within the EU Data Protection Framework.pdf
10 Key Challenges for AI within the EU Data Protection Framework.pdfPriyanka Aash
油
10 Key Challenges for AI within the EU Data Protection FrameworkOpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025OpenACC
油
The OpenACC organization focuses on enhancing parallel computing skills and advancing interoperability in scientific applications through hackathons and training. The upcoming 2025 Open Accelerated Computing Summit (OACS) aims to explore the convergence of AI and HPC in scientific computing and foster knowledge sharing. This year's OACS welcomes talk submissions from a variety of topics, from Using Standard Language Parallelism to Computer Vision Applications. The document also highlights several open hackathons, a call to apply for NVIDIA Academic Grant Program and resources for optimizing scientific applications using OpenACC directives.The Future of AI Agent Development Trends to Watch.pptx
The Future of AI Agent Development Trends to Watch.pptxLisa ward
油
The Future of AI Agent Development: Trends to Watch explores emerging innovations shaping smarter, more autonomous AI solutions for businesses and technology.
"Database isolation: how we deal with hundreds of direct connections to the d...
"Database isolation: how we deal with hundreds of direct connections to the d...Fwdays
油
What can go wrong if you allow each service to access the database directly? In a startup, this seems like a quick and easy solution, but as the system scales, problems appear that no one could have guessed.
In my talk, I'll share Solidgate's experience in transforming its architecture: from the chaos of direct connections to a service-based data access model. I will talk about the transition stages, bottlenecks, and how isolation affected infrastructure support. I will honestly show what worked and what didn't. In short, we will analyze the controversy of this talk.Improving Data Integrity: Synchronization between EAM and ArcGIS Utility Netw...
Improving Data Integrity: Synchronization between EAM and ArcGIS Utility Netw...Safe Software
油
Utilities and water companies play a key role in the creation of clean drinking water. The creation and maintenance of clean drinking water is becoming a critical problem due to pollution and pressure on the environment. A lot of data is necessary to create clean drinking water. For fieldworkers, two types of data are key: Asset data in an asset management system (EAM for example) and Geographic data in a GIS (ArcGIS Utility Network ). Keeping this type of data up to date and in sync is a challenge for many organizations, leading to duplicating data and creating a bulk of extra attributes and data to keep everything in sync. Using FME, it is possible to synchronize Enterprise Asset Management (EAM) data with the ArcGIS Utility Network in real time. Changes (creation, modification, deletion) in ArcGIS Pro are relayed to EAM via FME, and vice versa. This ensures continuous synchronization of both systems without daily bulk updates, minimizes risks, and seamlessly integrates with ArcGIS Utility Network services. This presentation focuses on the use of FME at a Dutch water company, to create a sync between the asset management and GIS.FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptx
FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptxFIDO Alliance
油
FIDO Seminar: Evolving Landscape of Post-Quantum CryptographyOh, the Possibilities - Balancing Innovation and Risk with Generative AI.pdf
Oh, the Possibilities - Balancing Innovation and Risk with Generative AI.pdfPriyanka Aash
油
Oh, the Possibilities - Balancing Innovation and Risk with Generative AIEnhance GitHub Copilot using MCP - Enterprise version.pdf
Enhance GitHub Copilot using MCP - Enterprise version.pdfNilesh Gule
油
際際滷 deck related to the GitHub Copilot Bootcamp in Melbourne on 17 June 2025GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now.pdf
GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now.pdfPriyanka Aash
油
GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing NowFIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptxFIDO Alliance
油
FIDO Seminar: Authentication for a Billion Consumers - AmazonOpenPOWER Foundation & Open-Source Core Innovations
OpenPOWER Foundation & Open-Source Core InnovationsIBM
油
penPOWER offers a fully open, royalty-free CPU architecture for custom chip design.
It enables both lightweight FPGA cores (like Microwatt) and high-performance processors (like POWER10).
Developers have full access to source code, specs, and tools for end-to-end chip creation.
It supports AI, HPC, cloud, and embedded workloads with proven performance.
Backed by a global community, it fosters innovation, education, and collaboration.Key Requirements to Successfully Implement Generative AI in Edge DevicesOpt...
Key Requirements to Successfully Implement Generative AI in Edge DevicesOpt...Edge AI and Vision Alliance
油
Ad
LeapMotion
- 1. by John Tubert LeapMotion Communicating with other browsers and adding graphics (and maybe moving some 3d shape)
- 2. Communicating with other browsers Technologies used: Node.js (with socket.io and express) Hosted on Heroku
- 3. Server code var express = require('express'); io.sockets.on('connection', function (socket) { var app = express.createServer(); socket.on('frame',function(data){ socket.broadcast.emit('frame', data); var io = require('socket.io').listen(app), fs = require('fs'); }); }); io.configure(function () { io.set("transports", ["xhr-polling"]); io.set("polling duration", 10); }); app.use(express.static(__dirname + '/static')); var port = process.env.PORT || 5000; app.listen(port, function() { console.log("Listening on " + port); });
- 4. Front end code var socket = io.connect(window.location.host.toString()); if(socket){ ... socket.on('frame', function (data) { Leap.loop(function(frame) { console.log("data: ",data); Controller.getFrame(frame); Controller.getFrame(data); if(socket){ var obj = {}; obj.pointables = {}; obj.pointables.length = frame.pointables.length; obj.hands = []; obj.hands[0] = {}; obj.hands[0].palmPosition = []; obj.hands[0].palmPosition[0] = {}; obj.hands[0].palmPosition[1] = {}; obj.hands[0].palmPosition[1] = frame.hands[0].palmPosition[1]; socket.emit("frame",obj); } }); ... }); }
- 5. Graphics Using http://paperjs.org/, a canvas framework.
- 6. Graphics - create/update //CREATE ------- //UPDATE ON FRAME -------- var a = x*Math.floor(360/6); paper.view.onFrame = function(event) { var angle = (a*dtr); graphicsArr[id]["angle"]+=1; var x = (gRadius*Math.cos(angle)); var angle = (graphicsArr[id]["angle"]*dtr); var y = (gRadius*Math.sin(angle)); var x = (gRadius*Math.cos(angle)); graphicsArr[id] = new paper.Path.Rectangle([x+xOffset, y+yOffset], [40, 40]); var y = (gRadius*Math.sin(angle)); graphicsArr[id]["angle"] = a; graphicsArr[id].position = [x+xOffset,y+yOffset]; graphicsArr[id]["text"] = new paper.PointText({ graphicsArr[id]["text"].position = [x+xOffset,y+yOffset+40]; point: [x+xOffset,y+yOffset], justification: 'left', fontSize: 13, fillColor: 'white' }); graphicsArr[id]["text"].content = id; graphicsArr[id].strokeColor = '#ffffff'; graphicsArr[id].fillColor = 'black'; paper.view.draw(); }
- 7. Graphics - in main.js Loop.prototype = { Graphics.createShape(audio.id,counter); } play : function(id) { if (id !== this.id) { this.audio.play(); } else { this.changeState(false); } Graphics.updateColor(id,"red"); }, pause : function(id) { Graphics.updateColor(id,"black"); this.changeState(true); }, ... setGlobalVolume : function(frame, pointables){ ... Graphics.updateVolume(Math.round(volOutput*100)); }
- 9. Controlling a 3d shape 3d cube using CSS3 Controlling it using Leaps palm position var hand = frame.hands[0]; yVal = hand.palmPosition; var volChangeY = parseFloat(yVal[0].toFixed(1)); volOutputY = volChangeY/yThreshold; ... var x = volOutputX*360; var y = volOutputY*360; var z = volOutputZ*360; $('#cube').css('-webkit-transform', 'rotate3d('+x+', '+y+', '+z+', '+z+'deg)');