Welcome to Ruddernation Designs™

Welcome to Ruddernation Designs main website,
This website is full of useful things for Tinychat or WordPress,
I also host Tinychat rooms and allow you to see who is in a room before you enter.

SiteLock
ruddernation-designs-logo

TinyChat

Video chat for all!

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

Chat

GitHub

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

WordPress

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
wordpress
Visitors: 24487502

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.

ball

The Ball

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

ball2

The Ball 2

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

drawing

Drawing Pad

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

fire

Fire

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

Illusions

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

matrix

The Matrix

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

particle

Particles I

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

particle2

Particles II

This is like the other but more of the particles.

particle3

Particles III

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

plasma

Plasma

Move the point side to side to create raining plasma.

snake

Snake I

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

snake2

Snake II

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

spinicle

Spinicle

Simple hold anywhere on the screen and create numerous spinicles.

water

Water

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

watertext

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

BuddyPress Group Chat

NameBuddyPress Group Chat
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-chat

WordPress Video Chat

NameWordPress Video Chat
DateAugust 2015
TypeWordPress Plug-in
OtherDemo

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.

wordpress-advanced

WordPress Video Chat Advanced

NameWordPress Video Chat Advanced
DateAugust 2015
TypeWordPress Plug-in
OtherDemo

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.

roomspy

TinyChat Room Spy

NameTinyChat Room Spy
DateAugust 2015
TypeWordPress Plug-in
OtherDemo

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.

aurora

HTML5 Video Background

NameHTML5 Video Background
DateAugust
TypeHTML5
OtherDemo

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.

colour-changer

JavaScript Colour Changer

NameJavaScript Colour Changer
DateAugust 2015
TypeJavaScript
OtherDemo
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.

contact-from

HTML5 Contact Form With Google Maps

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

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.

project 8

PHP Visitor Counter

NamePHP Visitor Counter
DateAugust 2015
TypePHP

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 & JavaScript
OtherDemo

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
TypePHP, CSS3
OtherDemo

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
DateAugust 2015
TypeHTML, PHP
OtherDemo

This is used to get the correct RTMP IP of the room in question.

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 & 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.

Converter

String - example: US3RNAM3

Decimal / ASCII Value

Binary Value

Hex Value

We Are Social

Follow me on Google+ Like my Facebook page