• Make A Chrome App in 5 minutes


    Making a Chrome App and an Extension is actually a fairly simple task. All you have to know is a few required fields and the JSON syntax.

     

    Download the examples used in the video here:

     

    http://www.tinkernut.com/demos/347_chrome.zip

     

    Further Learning:

    http://www.json.org/

    http://developer.chrome.com/dev/extensions/getstarted.html

    https://developers.google.com/apps-script/publishing_chrome_web_store

    https://developers.google.com/apps-script/execution_web_apps

    http://www.labnol.org/software/create-chrome-apps-extensions/27958/

  • How To Make A Web App In 7 Minutes


    Writing a web app is actually pretty simple when using the free tools that Google provides.

     

    http://script.google.com

     

    http://www.w3schools.com/jsref/jsref_obj_math.asp

  • Install Facebook Home on Unsupported Devices


    Facebook Home is officially available on only 4 phones. Use this little workaround to make it installable on almost any Android phone.

     

    Facebook App APK – http://goo.gl/IaLQf

    Facebook Messanger APK – http://goo.gl/J7Kx8

    Facebook Home APK – http://goo.gl/d2sr6

     

    Madaco Forum Post – http://goo.gl/pJwGf

    Cyanogenmod wiki – http://wiki.cyanogenmod.org/w/Devices

    How To Install Cyanogenmod – http://www.youtube.com/watch?v=ArWwF6ZckVw

  • Hacking Minecraft Pi Edition


    Minecraft is now available for the Raspberry Pi. Not only that, but it’s a hackable version that allows you to write scripts for the game using python.

     

    Martin O’Hanlin’s blog – http://www.stuffaboutcode.com

    Minecraft Python Block List – http://goo.gl/raZkd

     

    Raspberry pi beginners guide – http://goo.gl/PVZWa

    Raspberry Pi Playlist  – http://goo.gl/OkNQU

  • HTML5 Photo Booth


    [vc_row][vc_column width=”2/3″][vc_separator][venera_framed_image content_type=”video” css_animation=”appear” frame_type=”browser” slider_engine=”flexslider” video_link=”https://www.youtube.com/watch?v=2sXkl3rR-yc” browser_url=”https://www.youtube.com/watch?v=2sXkl3rR-yc”][vc_separator][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_tabs][vc_tab title=”About This Project” tab_id=”1402713028-1-39e9a4-2f88123b-77946048-9294925e-bc34″][vc_column_text]

    HTML5 is ramping up to become a more and more robust markup language. So flex your code monkey muscles and lets make an HTML5 photo booth application.

    [/vc_column_text][vc_button title=”View Demo” target=”_self” icon=”none” size=”btn-huge” href=”http://www.tinkernut.com/demos/343_photobooth/photobooth.html”][/vc_tab][vc_tab title=”Code” tab_id=”1402753910272-3-8123b-77946048-9294925e-bc34″][vc_button title=”Download Code” target=”_blank” icon=”none” size=”btn-huge” href=”http://www.tinkernut.com/demos/343_photobooth/343_photobooth.zip”][vc_column_text]

    What you should already know

    Before starting this tutorial, it is assumed that you already know the basics of web development. This includes, HTML, CSS, Javascript, and HTML5. Without a basic understanding of these languages, it will be very difficult to understand the logic used to make this program work. So, as a prerequisite, it is recommended that you view these tutorials on the basics of web development before continuing.

    1. HTML Basics
    2. CSS Basics
    3. Javascript Basics
    4. HTML5 Basics

    Needed Tools

    Programming with web languages requires very little extra software. You only need three things:

    1. A text editor (I recommend Notepad ++)
    2. A compiler (Any web browser that supports HTML5 will do)
    3. A web server (A good free web server service is 000webhost)

    Demo and Download

    The code

    photobooth.html

    This is the full code that should be saved as photobooth.html and uploaded to your web server.

    <html>
         <head>
              <title>My Photo Booth</title>
         <head>
         <body>
              <center>
              <video id="webcam" width="200" height="200"></video>
              <br>
              <input type="button" id="snapPicture" value="Snap A Picture!" />
              <p> 
              <canvas id="capture" style="display:none;"></canvas>
              <img id="canvasImg" alt="right click to save">
              <script src = "script_photo.js"></script>
              </center>          
         </body>
    </html>
    
    

     

    script_photo.js

    This is the code for script_photo.js. This should be uploaded to your web server in the same direcotry as photobooth.html

    var photoButton = document.getElementById('snapPicture');
    photoButton.addEventListener('click', picCapture, false);
    
    navigator.getUserMedia ||
         (navigator.getUserMedia = navigator.mozGetUserMedia ||
         navigator.webkitGetUserMedia || navigator.msGetUserMedia);
    
    if (navigator.getUserMedia) {
              navigator.getUserMedia({video:true,audio:false}, onSuccess, onError);
         } else{
              alert('Your browser isn't supported');
    }
    
    function onSuccess(stream) {
         vidContainer = document.getElementById('webcam');
         var vidStream;
         if (window.webkitURL){
              vidStream = window.webkitURL.createObjectURL(stream);
              }else{
                   vidStream = stream;
         }
         vidContainer.autoplay = true;
         vidContainer.src = vidStream;
    
    }
    
    function onError(){
         alert('Houston, we have a problem');
    }
    
    function picCapture(){
         var picture = document.getElementById('capture'),
              context = picture.getContext('2d');
    
         picture.width = "600";
         picture.height = "400";
         context.drawImage(vidContainer, 0, 0, picture.width, picture.height);
    
         var dataURL = picture.toDataURL();
         document.getElementById('canvasImg').src = dataURL;
    }
    
    
    
    

     

    [/vc_column_text][/vc_tab][vc_tab title=”Important Links” tab_id=”1402753981900-3-10123b-77946048-9294925e-bc34″][vc_column_text]

    Important Links

    Help support my channel: http://www.patreon.com/tinkernut

    Follow Tinkernut!

    [/vc_column_text][/vc_tab][/vc_tabs][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row]

  • Urban Survival 101 [Youtube Nextup Collaberation]


    This video will show you how to create a fully functioning stove out of junk. To be more specific, we’ll create a grill out of a coffee can, tin foil, a cooling rack, 9v battery and steel wool.

     

    After learning how to make this, check out the Cooking With Jack Channel (www.youtube.com/jakatak69) to learn how to cook on it!

     

    YOUTUBE NEXTUP CREATORS! COLLECT THEM ALL!

    www.youtube.com/KidHaru

    www.youtube.com/peterhollens

    www.youtube.com/Techmaster8

    www.youtube.com/Wrenthereaper

    www.youtube.com/comediva

    www.youtube.com/Cracked

    www.youtube.com/emmymadeinjapan

    www.youtube.com/Evelinicutza

    www.youtube.com/nikkiphillippi

    www.youtube.com/MamaNaturalBlog

    www.youtube.com/CheckInTheMirror

    www.youtube.com/riannstar

    www.youtube.com/Cyr1216

    www.youtube.com/MrRepzion

    www.youtube.com/Soundlyawake

    www.youtube.com/xperpetualmotion

    www.youtube.com/PrettyMuchIt

    www.youtube.com/shep689

    www.youtube.com/StrengthProject

    www.youtube.com/AVbyte

    www.youtube.com/jakatak69

    www.youtube.com/PaperPastels

    www.youtube.com/gigafide

    www.youtube.com/suburbanhomeboy

    www.youtube.com/thenivenulls

    www.youtube.com/recklessmike

    www.youtube.com/JWatson2239

    www.youtube.com/Nitrorcx

    www.youtube.com/qbanguy

    www.youtube.com/WTFfilmsFTW

  • DIY Arcade Cabinet Using A Raspberry Pi


    [vc_row][vc_column width=”2/3″][vc_separator][venera_framed_image content_type=”video” css_animation=”appear” frame_type=”browser” slider_engine=”flexslider” video_link=”https://www.youtube.com/watch?v=LssEe_xx3eI” browser_url=”https://www.youtube.com/watch?v=LssEe_xx3eI”][vc_separator][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_tabs][vc_tab title=”About This Project” tab_id=”1402713028-1-39e9a4-2f888a6d-d37d76d3-94ce”][vc_column_text]

    The $35 Raspberry Pi has proven to be a hit amongst hardware hackers and DIYers. It’s very small, easy to set up, and very versatile. This tutorial walks you through the steps of creating and setting up an Arcade cabinet using a Raspberry Pi as the core.

     

    [/vc_column_text][/vc_tab][vc_tab title=”Parts and Downloads” tab_id=”1402713028-2-39e9a4-2f888a6d-d37d76d3-94ce”][vc_column_text]

    Parts List

    The prices really depend on what you would like to purchase. Depending on what you already have available, it’s possible that you may not have to spend over $50.

    Raspberry Pi Arcade

    Part name Price
    Raspberry Pi $35
    Wifi Adapter $17
    Ethernet Cable $3
    SD Card $6
    Powered USB Hub $4
    USB Mouse $6
    USB Keyboard $5
    Monitor (may also need an adapter) $120
    USB Joystick and Buttons (optional) $27
    Arcade Cabinet Kit (optional) $200-$500

    [/vc_column_text][/vc_tab][vc_tab title=”Assembly” tab_id=”1402753910272-3-88a6d-d37d76d3-94ce”][vc_column_text]

    Raspberry Pi Setup

    Installing the Operating System

    There are several different options when it comes to emulators on the Raspberry Pi, but in order to make the Pi function as an Arcade, one stands out amongst the rest. It’s an opensource program called AdvMame and what makes it unique is that it can be used in conjunction AdvMenu to automatically boot to your game directory. The only issue is that it requires a lot of editing and tweaks to get everything to work. Luckily the folks at blog.sheasilverman.com have compiled a version of AdvMame with all the tweaks and edits so that it works specifically for the Pi. It’s called PiMame and can be downloaded and burned to an SD card.

    Win32DiskImager

    Windows

    To install PiMame on an SD card in Windows, you need to download an image burner such as Win32 Disk Imager. After you have PiMame downloaded, you should be able to extract it to view the PiMame.img file. Launch Win32 Disk Imager and under “Image File”, select the PiMame image. For “Device”, select the drive letter for your SD card. Then click “write” to burn the image to the SD card.

     

    Mac

    For Mac computers you do not need any extra software. Just download the PiMame zip file and extract it. Insert your SD card and open up a terminal prompt. Type in

    df -h
    

    Record all of the “disk” entries that are listed (ex. disks1). Go into your Disk Utility settings and find your SD card and unmount it (not eject). Then go back to your terminal prompt and type df -h again to see which disk is no longer there. The missing one is the disk ID of your SD card. With that in mind, type in this command

    sudo dd bs=1m if=~/PATH TO PIMAME/pimame-0.5.img of=/dev/DISK#
    

    where PATH TO PIMAME is the path to where you downloaded the PiMame image and where disk# is set to your SD cards disk number (ex. disks1 = disk1). Executing this command will burn the image to your SD card. When it’s done, you can type

    sudo diskutil eject /dev/DISK#
    

    This will eject your SD card.

    First Run

    Gridlee game splash screen

    Once PiMame is installed on your SD card, it’s time to boot up your Raspberry Pi. Make sure that you have a monitor plugged into it as well as the powered USB hub with your USB wireless card, keyboard, and mouse plugged into it. As a pro tip, you can also plug the Raspberry Pi itself into the USB hub since the hub can provide enough juice to power the Pi. The only reason you would need the network cable is in the event that the wireless adapter doesn’t work and you need to download updates in order to get it working.

    With the SD card in the Raspberry Pi, turn it on and you should see it boot to the AdvMenu where you will see a game called Gridlee already installed. You can use your keyboard’s number pad and enter key to select the game and play it.

    Setting up wireless

    The most optimal way for the Arcade cabinet to connect through the internet would be through wireless. But in order to tweak the AdvMame and AdvMenu setup, we need to first get to the command line console. If you are in a game, you can hit Esc on your keyboard and select Exit. This will take you back to the game menu. Then hit Esc again to exit the menu and bring up the command prompt. The newest version of PiMame includes Raspbian, which provides a Graphical User Interface (GUI) that has an easy to use wireless program.

    Raspbian Wireless Interface

    Making sure that your USB Wifi card is plugged in, type this in to access the Raspbian GUI:

    startx
    

    This will launch the user interface in which the mouse will be enabled and can be used. Double click on the Wifi Config icon, which should be on the desktop. This will launch an interface. Click on the Manage Networks tab and select the Enabled radio button to enable wireless. Then you should be able to click scan to scan your area for wireless networks. Find your wireless network, double-click on it and enter in your wireless password. When you have successfully connected, you can logout of the Raspbian GUI session. At this point you can unplug your network cable and your mouse as they will no longer be needed.

    Connecting via SSH

    With the wifi enabled, the easiest way to work with the Pi is through SSH, which is essentially a way to remote connect to the Pi and run commands on it. Connecting via SSH requires finding the IP address of your Pi. The easiest way to do this is by typing

    ifconfig
    

    This brings up your internet connection settings with eth0 being your ethernet connection and wlan0 being your wireless connection. Immediately under your wlan0 connection, you should see the IP address assigned to it (ex. 192.168.1.5). Once you have your IP address, you can connect via SSH.

    Tweaking The Software

    Adding Joystick Input

    If you would like to be able to use joysticks and buttons with your arcade machine, then you will first need to purchase USB enabled joysticks and buttons. Depending on what you get and where you purchase them, the price can range from $25 to hundreds of dollars. When using them, make sure that you have them plugged directly into the powered USB hub, as joysticks sometimes require more power than the Pi alone can provide.

    Once you have the joysticks and buttons hooked up and plugged in, we need to enable them within the software, because AdvMame has it turned off by default. So make sure you are at a command prompt and type

    sudo nano .advance/advmenu.rc
    

    This will open up the AdvMenu settings as an editable file. Within this file, you want to find the line that says:

    device_joystick none
    

    and edit it so that is says

    device_joystick auto
    

    Now hit Ctrl X on your keyboard and it will ask you if you want to overwrite the file, hit y for yes and then hit enter to save. You should now be back at the command prompt. At this point, you could restart your Pi by typing:

    sudo reboot
    

    It will reboot back into the game menu where you can start the game and see if the joystick functionality works.

    Arcade Cabinet Setup

    Monitors

    When it comes to monitors, just about any will do as long as you have the right adapter. Here you can find an HDMI to VGA and a HDMI to DVI adapter. Those two adapters should account for most monitor connections (including older CRT monitors). The main thing that you need to take into account is the size of the monitor and how it will fit into your arcade cabinet.

     

    [/vc_column_text][/vc_tab][vc_tab title=”Important Links” tab_id=”1402753981900-3-108a6d-d37d76d3-94ce”][vc_column_text]

    Help support my channel:

    1. Donate To My Patreon
    2. Follw Me On Google +
    3. Like Me On Facebook
    4. Follow Me On Twitter

    [/vc_column_text][/vc_tab][/vc_tabs][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row]