Skip to content

mxrnx/ritare

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ritare

Simple, pure javascript, no jQuery, oekaki applet. Originally written for Fikaba.

Demo page here.

Here is a really professional test image, drawn with this very piece of software:

A masterfully drawn image

Features

  • Not written in Java
  • Does not use jQuery
  • Pencil and bucket fill tools
  • Width picker
  • Color picker
  • You can draw images and stuff

Usage

It's necessary that you pull jscolor as well, otherwise your colorpicker will just be an empty text input box. This is easily done: head to the directory ritare is in, and execute git submodule init; git submodule update.

<!doctype html>
<html>
	<head>
		<title>ritare</title>
		<meta charset="utf-8" />
		<script type="text/javascript" src="jscolor/jscolor.min.js"></script>
		<script type="text/javascript" src="ritare.js"></script>
		<link type="text/css" href="ritare.css" rel="stylesheet" />
	</head>
	<body>
		<div id="painter">
			<script type="text/javascript">
				Ritare.start({
					parentel: "painter",
					onFinish: function(e) {
						window.open(Ritare.canvas.toDataURL('image/png'))
					},
					width:600,
					height:300
				});
			</script>
		</div>
	</body>
</html>

Something like that. You'll figure it out.