Welcome to Ruddernation Designs™

Welcome to Ruddernation Designs main website,
This website is full of useful things for Tinychat or WordPress.



Video chat for all!

I have my own version of TinyChat, This is full screen and contains NO advertisements.



Fork us!

I've added the majority of my software that is available for download on GitHub, Just check the software section for information about them.

Read more


Checkout our plug-ins

I've added most of my WordPress plug-ins below,
I've now removed these plug-ins from the WordPress directory.

Read more


Protect your identity!

Protect your internet activities from governments, hackers and to help if you've been banned on Tinychat!

Get CyberGhost
Visitors: 25522577

HTML5 Canvas Effects.

Below is a list of canvas effects that you can create using HTML5 and JavaScript,
These work on almost all devices, If there is a device it doesn't work on well then let me know via the contact form below.


The Ball

This ball is controlled by your mouse an touch, Double click to split the ball.


The Ball 2

Double click to change colours, grab the ball and swing it, hold the mouse button to create balls.


Drawing Pad

This has various pen types and you can select any colour, This will also save you creation!



Hold on the screen or use your mouse and move around to create fire.


Drag around the screen to create your masterpiece, Also there are 2 effects *Burn an *Melt.


The Matrix

This is the Matrix wrote in JavaScript, This contains no settings.


Particles I

move you pointer around the screen and watch as the particles follow you.


Particles II

This is like the other but more of the particles.


Particles III

Blast these particles around the screen with your pointer, press/hold in one place to push them away.



Move the point side to side to create raining plasma.


Snake I

Move your pointer around the screen and watch the snake chase your pointer/finger.


Snake II

This is like the other only bigger! This also has more vibrant colours.!



Simple hold anywhere on the screen and create numerous spinicles.



hold and drag to create ripples, also press any key to create droplets.


Water Text

Type anything then press enter and watch it splash! Also create splash by holding the screen.

Our Software

These are our WordPress/BuddyPress plug-ins and I've included software from our GitHub page.


BuddyPress Group Chat

NameBuddyPress Group Chat - No longer available
DateAugust 2015
TypeWordPress/BuddyPress Plug-in

This plug-in is used for BuddyPress to allow all Group creators use TinyChat video chat within groups, I've now removed this plugin from the WordPress directory due to their moderators thinking they're the all mighty.


WordPress Video Chat

NameWordPress Video Chat - Recently Updated
DateAugust 2015
TypeWordPress Plug-in

TinyChat full screen video chat for WordPress/BuddyPress, This also has YouTube/SoundCloud for all chatters and now has smileys enabled, Recently updated to the HTML5 WebRTC version.


WordPress Video Chat Advanced

NameWordPress Video Chat Advanced - No longer available
DateAugust 2015
TypeWordPress Plug-in

TinyChat full screen video chat for WordPress/BuddyPress, This also has YouTube/SoundCloud for all chatters and now has smileys enabled, I've now removed this plugin from the WordPress directory due to their moderators thinking they're the all mighty.


TinyChat Room Spy

NameTinyChat Room Spy - No longer available
DateAugust 2015
TypeWordPress Plug-in

Allows you to check who is in a TinyChat room and who is on Video/Audio, I've now removed this plugin from the WordPress directory due to their moderators thinking they're the all mighty.


HTML5 Video Background

NameHTML5 Video Background

Simple demo to show how to display a video as your background image on a website with HTML5, I've added the correctly formatted video files for each browser and if on a older browser it will simple show the image provided.


JavaScript Colour Changer

NameJavaScript Colour Changer - No longer available
DateAugust 2015
OtherPad Demo

This allows you to change the colour of the background of a website page or item, You can also use a pad to change the colour and select from which hexadecimal colours you want.


HTML5 Contact Form With Google Maps

Namehtml5 contact form with Google maps
DateAugust 2015
TypeHTML5, CSS3, JavaScript an PHP

This is a PHP contact form in HTML5/CSS3 with Google maps using the canvas feature, This uses the Modernizr and Bootstrap features meaning that this contact form is fully responsive, An example of this can be seen at the bottom of this website, Updated to include Google reCaptcha.

project 8

PHP Visitor Counter

NamePHP Visitor Counter
DateAugust 2015

RudderCount - Created by Ruddernation Design™ 2015 - https://www.ruddernation.com Add the script to your selected page to start counting, To display the counter add - Visitors: echo $Rcounter_count to the area.

project 9

TinyChat HTML Embed

NameTinyChat HTML Embed
DateAugust 2015
TypeHTML5, CSS an JavaScript
SourceShow popup

Allows you to embed a TinyChat room in to a web page using my chat script, This will also embed into almost any CMS/blog, Just change the room name from ruddernation to your room, also update the urlsuper to your domain, This has YouTube and smileys enabled.

project 10

Ajax Contact Form

NameAjax Contact Form
DateAugust 2015

This another contact form that is easy to use and is customised in CSS3 and Ajax, This form will popup on click of link/button and has a dropdown feature for enquiries etc.

project 11

TinyChat Resolver

NameTinyChat RTMP Resolver - No longer available
DateAugust 2015

This is used to get the correct RTMP IP of the room in question, This is no longer available but the Tinychat room spy will now display the room IP/Port.

Our Skills

  • Graphic Design using Adobe products

  • HTML, CSS, Sass, Less

  • JavaScript, jQuery, Prototype, Ajax, XML, Json

  • PHP, Hack, ASP, Java, Python, Ruby, Perl, C

  • WordPress, BuddyPress, Joomla & Drupal

  • Others: C++, C#, VB.Net, Assembly, Java, Delphi, Unix, Lisp, Fortran & Mortran

TinyChat Tips

TinyChat Capital letters and special characters using Wpe Pro,
OK first things first, To create the packet!
Open Wpe Pro and double click a filter, You'll now have a new window "Filter edit"
Now on mode click "Advance" and then Starting modify from, click "from the position of the chain found"
Now in offset insert 15 x 30's from 001 - 015, Next in Offset Modify you insert your selected name from 000,
Say if your name is 8 characters long it would convert to 8 x 2 hex code,
i.e.: 1a 2b 3c 4d 5e 6f etc. etc., If 8 characters long then this will go from 000 to +007 now you'll need to inset 15 x 00's,
Once that is done then click "Apply" and test your name out in TinyChat,
First thing to do on Wpe click "target program" and select the browser,
Select it then tick your edited filter and click "on" now go to a room and when it says enter name just fill the whole name area with 0's.


String - example: US3RNAM3

Decimal / ASCII Value

Binary Value

Hex Value