Cartman0’s gists

Cartman0 / binary_search.js

Last active August 29, 2015 14:23

JavaScript でBinarySearch

	function binary_search(a, start_idx, end_idx, target){
	var start = start_idx;
	var end = end_idx;
	while((end - start) >= 0){
	var mid = Math.floor((end + start) / 2);
	if(a[mid] === target){
	return {
	flag: true,
	index: mid
	};

Cartman0 / VisualizeBinarySearch.html

Last active August 29, 2015 14:23

BinarySearch を可視化

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Visualize Binary Search(JS)</title>
	<style>
	@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
	html, body{

Cartman0 / motiondevice.html

Created June 26, 2015 08:12

motiondevice で取得できる accelerationIncludingGravity（生の加速度）, acceleration（加速度）, rotationRate（回転速度）を取得する

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>加速度センサーの値を取る</title>
	<style>
	@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
	html, body{

Cartman0 / getMousePosition.html

Last active April 8, 2024 08:35

JavaScript でマウス座標を取得し、Canvas上に線を描画

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>Mouse座標取得</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	html, body{
	text-align: center;
	background-color: #fafafa;

Cartman0 / Twitter API(Tweet Web Intent) Test.html

Created July 20, 2015 17:09

Twitter APIであるTweet Web Intent のTestです。

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Twitter API(Tweet Web Intent) Test</title>
	<style>
	@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
	html,

Cartman0 / canvas_barGraph.html

Last active August 29, 2015 14:25

Canvas上で棒グラフ

	<!DOCTYPE html>
	<html lang="ja">

	<head>
	<meta charset="utf-8">
	<title>棒グラフ</title>
	<meta name="description" content="">
	<style>
	body {
	backgorund-color: #fafafa;

Cartman0 / canvas_lineGraph.html

Created July 27, 2015 14:26

Canvas上で折れ線グラフ

	<!DOCTYPE html>
	<html lang="ja">

	<head>
	<meta charset="utf-8">
	<title>折れ線グラフ</title>
	<meta name="description" content="">
	<style>
	body {
	background-color: #fafafa;

Cartman0 / canvas_pieChart.html

Last active August 29, 2015 14:25

Canvas上で円グラフ

	<!DOCTYPE html>
	<html lang="ja">

	<head>
	<meta charset="utf-8">
	<title>円グラフ</title>
	<meta name="description" content="">
	<style>
	body {
	background-color: #fafafa;

Cartman0 / motionAnime.js

Last active August 29, 2015 14:26

Canvasのid名(canvas_id)、canvasの設定(canvas_config)、運動関数(motionFunc)、運動関数の設定(motion_config)、canvasの領域をはみ出した際の処理(outside_process)を入力して、Canvasに描画

	function motionAnime(canvas_id, canvas_config, motionFunc, motion_config, outside_process){
	var canvas = document.getElementById(canvas_id);
	if(!canvas){
	console.log('wrong canvas_id');
	return false;
	}

	if(!motion_config.ball_config){
	console.log('Not ball_config in motion_config.');
	return false;

Cartman0 / koch.html

Last active August 29, 2015 14:26

Canvas でコッホ曲線を描く

cartman_nabana Cartman0