Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 127
«HTML-программисты» — вы серьезно? :)
Ну конечно же все это ирония, как и сам пост. Тут нет ничего серьезного, кроме потраченных 3 часов на все это баловство =)
HTML — это скриптовый язык программирования. Даже Википедия твердит нам это:
Иными словами, язык программирования — множество управляющих машиночитаемых символов, где под символом понимается не только буква, но и то, что обычно называют директивами языка: всякие function, if/then/else, , по-англицки token. То, что этот язык не является полным по Тьюрингу, вовсе не говорит о том, что это не язык программирования. На нём нельзя выполнять арифметических операций, нельзя вычислять π до миллионного знака после запятой, на нём, наконец, нельзя реализовать машину Тьюринга. Но он и не предназначен для этого.
Язык программирования — формальная знаковая система, предназначенная для записи компьютерных программ. Язык программирования определяет набор лексических, синтаксических и семантических правил, задающих внешний вид программы и действия, которые выполнит исполнитель (компьютер) под её управлением.
Иными словами, язык программирования — множество управляющих машиночитаемых символов, где под символом понимается не только буква, но и то, что обычно называют директивами языка: всякие function, if/then/else, , по-англицки token. То, что этот язык не является полным по Тьюрингу, вовсе не говорит о том, что это не язык программирования. На нём нельзя выполнять арифметических операций, нельзя вычислять π до миллионного знака после запятой, на нём, наконец, нельзя реализовать машину Тьюринга. Но он и не предназначен для этого.
А нет, там же JS.
Все зависит от интерпретатора. Мой вот, например, умеет выполнять простейшие действия.
И вообще, язык без интерпретатора/компилятора — не язык программирования.
И вообще, язык без интерпретатора/компилятора — не язык программирования.
Браузер, хотите сказать, не транслирует html в картинку на экране?
Немного не понял, что вы сказали. Я-то вбрасывал про то, что html может быть языком программирования, если прикрутить интерпретатор соответствующий.
Да я просто к тому, что, как мне кажется, html и так транслируется в картинку, т.е. есть интерпретатор/компилятор в лице браузера. Но это все равно не делает его языком программирования. Проще всего судить не по наличию преобразующей программы, а по тьюринг-полноте. Неудачный был комментарий, соглашусь.
Т.е., любой язык разметки = язык программирования? Мне почему то кажется, что мы зашли куда то не туда.
Иначе ini-файл — тоже язык программирования. И WAV-файл. И векторный файл. Они ведь все задают «действия, которые выполнит исполнитель».
Иначе ini-файл — тоже язык программирования. И WAV-файл. И векторный файл. Они ведь все задают «действия, которые выполнит исполнитель».
Они ведь все задают «действия, которые выполнит исполнитель».
Некрасиво выдёргивать лишь часть предложения. Полностью оно звучит, как «Язык программирования определяет набор лексических, синтаксических и семантических правил, задающих внешний вид программы и действия, которые выполнит исполнитель (компьютер) под её управлением.».
Какую программу выдаёт ini? wav? векторы? У wav и векторных даже нет никакой разметки. Если HTML не язык программирования, то язык чего это? Язык марсианских тостеров?
У меня возникло стойкое ощущение, что Вы не прочли мой комментарий полностью, либо совсем не вникали в суть.
У wav и векторных даже нет никакой разметки.Google: SVG
Втянувшись в полемику про «HTML — язык программирования или нет», вы забываете, что вся функциональность игрушки вообще-то реализована на CSS, который может существенно больше.
В терминах ООП: HTML — данные объекта, CSS — методы объекта.
В терминах ООП: HTML — данные объекта, CSS — методы объекта.
Какую программу выдаёт ini? wav? векторы? У wav и векторных даже нет никакой разметки. Если HTML не язык программирования, то язык чего это? Язык марсианских тостеров?
HTML — HyperText Markup Language — «язык гипертекстовой разметки». Разметки, не разработки. Задаёт внешний вид документа.
Если уж доводить до абсурда...) Какую программу выдаёт HTML? Вы её запустите без браузера? Получите внешний вид, функционал? Неет…
Так и ini, если я напишу программу, вся логика поведения которой будет определяться ini-файлом, станет ли init-файл языком программирования? Нет. Или да?
А вы сможете запустить .net программу без .net? Или любой плагин к браузеру без браузера? Давным-давно, чтобы на экране компьютера нарисовать красивый текст приходилось программировать, что изменилось? Теперь вместо компилятора мы скармливаем некий исходник браузеру, экселю, еще чему-то. Так чем же это (по существу) отличается от того самого программирования?
>А вы сможете запустить .net программу без .net?
Да, конечно. Прямо сейчас запускаю .Net программы на FreeBSD (без Mono).
Кстати, раз уж речь о браузерах. Попробуйте chrome.google.com/webstore/detail/bastion/oohphhdkahjlioohbalmicpokoefkgid?hl=en на компьютере без .Net (на котором написан Bastion).
Да, конечно. Прямо сейчас запускаю .Net программы на FreeBSD (без Mono).
Кстати, раз уж речь о браузерах. Попробуйте chrome.google.com/webstore/detail/bastion/oohphhdkahjlioohbalmicpokoefkgid?hl=en на компьютере без .Net (на котором написан Bastion).
Если уж доводить до абсурда...) Какую программу выдаёт HTML? Вы её запустите без браузера? Получите внешний вид, функционал? Неет…
Легко. Берем не браузер, а чисто html/css движок вроде вебкита с минимальной обвязкой. Браузера нет, а внешний вид и функциональность есть.
С некоторой философской стороны, нету разницы между кодом и данными. Нету особой разницы между «Hellow World!» и программой, которая его выводит. Это хорошо понимается на примере LISP, где был сделан формат для данных (S-expression), а на отдельный формат для программ (M-expression) решили забить, так как хватило первого формата.
Но, если принимать такую точку зрения, то понятия «данные» и «программа» теряют смысл. Если мы хотим продолжать их использовать, нужно сузить эти понятия, пока они не разделятся. Для языков программирования хорошим критерием является Тюринг-полнота. Также, можно рассматривать сложность операций, которые обработка файла с программой/данными требует от «интерпретатора». Например, среди графических файлов, PostScript/WMF-файлы ближе к программам, а SVG — к данным.
Но, если принимать такую точку зрения, то понятия «данные» и «программа» теряют смысл. Если мы хотим продолжать их использовать, нужно сузить эти понятия, пока они не разделятся. Для языков программирования хорошим критерием является Тюринг-полнота. Также, можно рассматривать сложность операций, которые обработка файла с программой/данными требует от «интерпретатора». Например, среди графических файлов, PostScript/WMF-файлы ближе к программам, а SVG — к данным.
Программирование бывает императивным и декларативным. ini-файл можно запросто считать декларативным языком программирования. Собственно, как и sql.
Postscript — подмножество FORT.
Вот вам ещё статья, говорящая об обратном про HTML ;) ru.wikipedia.org/wiki/Компьютерный_язык
Понятие компьютерный язык (калька с англ. computer language), как правило, относится к языкам, ассоциируемым с компьютерной техникой.
Чаще всего, этот термин соответствует понятию языка программирования, однако это соответствие не является вполне однозначным. Так, например, языки разметки (такие как HTML) не являются языками программирования, однако определённо относятся к компьютерным языкам[источник не указан 932 дня].
Компьютерный язык, как и любой другой язык, появляется, когда требуется передать информацию из одного источника другому. Языки программирования способствуют обмену информацией между программистами и компьютерами, языки разметки текста определяют понятную для людей и компьютеров структуру документов и т. п.
Нередко понятие компьютерный язык также отождествляют со сленгом, распространённым среди людей, так или иначе общающихся с компьютерами
Понятие компьютерный язык (калька с англ. computer language), как правило, относится к языкам, ассоциируемым с компьютерной техникой.
Чаще всего, этот термин соответствует понятию языка программирования, однако это соответствие не является вполне однозначным. Так, например, языки разметки (такие как HTML) не являются языками программирования, однако определённо относятся к компьютерным языкам[источник не указан 932 дня].
Компьютерный язык, как и любой другой язык, появляется, когда требуется передать информацию из одного источника другому. Языки программирования способствуют обмену информацией между программистами и компьютерами, языки разметки текста определяют понятную для людей и компьютеров структуру документов и т. п.
Нередко понятие компьютерный язык также отождествляют со сленгом, распространённым среди людей, так или иначе общающихся с компьютерами
Так, например, языки разметки (такие как HTML) не являются языками программирования, однако определённо относятся к компьютерным языкам[источник не указан 932 дня].
Что же касается HTML как языка сценариев, то тут всё несколько нечётко:
Сценарный язык (англ. scripting language, в русской литературе принято название язык сценариев) — высокоуровневый язык программирования для написания сценариев — кратких описаний действий, выполняемых системой. Разница между программами и сценариями довольно размыта. Сценарий — это программа, имеющая дело с готовыми программными компонентами.
Однако даже из такого определения следует, что HTML ещё и скрипт. Что, кстати, и написано прямым текстом в статье про сценарии.
В более либеральной английский Википедии, впрочем, новомодные веяния не видевших в своей жизни ничего кроме PHP программистов отражены:.
Markup languages like XML, HTML or troff, which define structured data, are not generally considered programming languages.
Ну тут всё правильно, судя по моим оппонентам, действительно not generally considered. И ниже типа в подтверждение этому приводятся ссылки на труды (в том числе и туториал для чайников), где, конечно, авторы этих обучателей, чтобы не перегрузить мозг целевой аудитории, сразу заявляют, что это не язык программирования. Чтобы людей не путать. А то, чего доброго, начнут пытаться складывать числа в HTML.
Ну можно и на XML и Bash писать скрипты, ок? Да и в экселе можно программы писать, со сложными формулами! Я вот Excel-программист, а вы?
Можно, почему нет? Вполне себе хорошие примеры.
Толсто. Нравится выпендриваться — программируйте XML, Excel, стиральную машину и детский конструктор. Все равно большинство людей под словом «программист» понимает «software engineer», а не тетю Зину из бухгалтерии или домохозяйку со стиральной машиной.
Вообще-то язык формул в Excel — вполне себе язык функционального программирования. Я даже не упоминаю, что там унутре неонка Васик
Да нет, не толсто. Хотя бы потому, что я ответил безо всякого трололо. На Bash вполне можно накодить программки, хоть и небольшие (я делал для управления своим же серваком под дебианом).
Чего-же вы к словам цепляетесь. Мы тут про HTML и эксель говорим. Мне-то пофиг, хотите думать что вы крутой спец по функциональным языкам, если умеете сложить значениия 2 ячеек в экселе (или даже формулы писать!), ваше право.
Теперь же у нас все знатоки ООП и сеньоры, даже программитсы HTML :)
Теперь же у нас все знатоки ООП и сеньоры, даже программитсы HTML :)
>Bash вполне можно накодить программки, хоть и небольшие
Да можно и большие. Я писал на нём довольно сложные системы. С библиотеками и т.д. Язык не самый приятный, но сойдёт. (говорю, как человек, хорошо знающий и часто использующий Bash, но не любящий его).
Да можно и большие. Я писал на нём довольно сложные системы. С библиотеками и т.д. Язык не самый приятный, но сойдёт. (говорю, как человек, хорошо знающий и часто использующий Bash, но не любящий его).
Bash-то каким боком не язык программирования?
B Excel зачем-то приплели… Это программа, а не язык программирования. Такая же, как Turbo-Pascal. Другое дело, что Excel поддерживает два языка программирования — функциональный язык формул и императивный язык Visual Basic for Applications.
B Excel зачем-то приплели… Это программа, а не язык программирования. Такая же, как Turbo-Pascal. Другое дело, что Excel поддерживает два языка программирования — функциональный язык формул и императивный язык Visual Basic for Applications.
Посмотрите «Developing HTML 5 Apps Jump Start» на Channel9. Там достаточно известные J. Foster и M. Palermo на полном серьезе рассуждают, что HTML-программисты сейчас очень востребованы.
Супер. Ушел качать.
Я специально все положил на JSFiddle, чтобы можно было смотреть код и разбираться. Но если реально нужно рассказать, могу сделать UPD.
Вот в редакторе все же, как бы видно jsfiddle.net/0dmin/9dQx3/light/ =)
Вот в редакторе все же, как бы видно jsfiddle.net/0dmin/9dQx3/light/ =)
Заявочка на победу!
Знаете, когда происходит столкновение и экран застилает красным, подсознание ожидает появления потеков крови — видимо в детстве в подкорку отложился Doom II.
Когда выйдет коробочная версия?
Заходя в пост, ожидал увидеть в посте html со ссылкой на дистрибьютив игры или магазин с играми.
Сначала не врубился как на CSS сделали так что детектится пересечение объектов, потом дошло что всё на самом деле куда проще :)
Даже как-то не хочется больше шутить на эту тему, ведь найдется же тот, кто это обязательно реализует.
А ведь отличается от 30-строчников вполне качественным контентом и геймплеем!
Абсолютный рекорд…
В CSS не силён. Как оно определяет столкновения?
По :hover
По :hover. Корабль — это курсор, в котором вместо дефолтного — картинка космолета. Наведя курсор (космолет) на элемент — получаем срабатывание ховера, в котором через before и after пишем стили и текст для фаил скрина.
Бонусы — это чекбоксы, у них есть состояние :checked. Так что если попали на бонус — он становится чекед и у него просто меняется свойство, описывающее позиционирование.
Нашел интересные свойства, позволяющие чекбокс представить как кнопку:
-moz-appearance:button;
-webkit-appearance:button;
Работает правда стабильно только в хроме и сафари. В FF под линуксом — ок, под вендой — чекбокс. В Ие так же чекбокс.
Бонусы — это чекбоксы, у них есть состояние :checked. Так что если попали на бонус — он становится чекед и у него просто меняется свойство, описывающее позиционирование.
Нашел интересные свойства, позволяющие чекбокс представить как кнопку:
-moz-appearance:button;
-webkit-appearance:button;
Работает правда стабильно только в хроме и сафари. В FF под линуксом — ок, под вендой — чекбокс. В Ие так же чекбокс.
Так как управление происходит мышью то «столкновение» суть то же самое что навести мышью на противника.
А значит просто на противника на :hover надо навесить появление попапа
пока писал уже автор ответил
А значит просто на противника на :hover надо навесить появление попапа
пока писал уже автор ответил
Сделал первый трейнер для игры, дает бессмертие!:) jsfiddle.net/K2GzL/
P.S. Гораздо круче всех «30-строчников», респект автору.
P.S. Гораздо круче всех «30-строчников», респект автору.
Издевательские посты прямо какие-то качественные пошли.
На порядок лучше, чем 30-вздрочники!
На порядок лучше, чем 30-вздрочники!
Чит:
Правый клик по полю — убираем мышь с поля и выигрываем.
Так бонусы не ловятся.
А если что,
А если что,
спойлер
Можно навести курсор на правый нижний угол
Чит еще проще
Просто ничего не делаем. Когда объект подъезжает под мышку (а не мышка на объект) hover не срабатывает и долетаем спокойно до финиша. Правда без бонусов.
Ещё hover не срабатывает если зажата лкм (по крайней мере в хроме), так можно и бонусы собрать и не думать о кораблях противника
Понравились корабли )
Понравились корабли )
Есть еще и отрицательные числа :)
Пройдемся по багам?
— После проигрыша/рестарта игры путем выводы курсора за пределы поля — количество собранных бонусов не обнуляется
— И сами бонусы (а их в игре 8 штук) перестают появляться, коль вы уж их все собрали. Запускаешь новую игру, а там одни враги-враги)
Но вообще зачет:)
— После проигрыша/рестарта игры путем выводы курсора за пределы поля — количество собранных бонусов не обнуляется
— И сами бонусы (а их в игре 8 штук) перестают появляться, коль вы уж их все собрали. Запускаешь новую игру, а там одни враги-враги)
Но вообще зачет:)
По правому клику врубается режим стелс пока меню вызвано.
Фейк, при отключенном JS'е в браузере не работает.
Пруф (после temporary allow — работает):
Пруф (после temporary allow — работает):
Опять в БД верстка отъехала…
Следующий уровень – игра в -1 строку на JS, для её начала требуется ввести валидный код.
Мультиплеер будет?
Ждем игр с отрицательынм количеством строк.
.kkrieger (для тех, кто помнит).
О-о-о да, у меня в свое время чуть глаз не выпал, когда я это увидел в первый раз. У них еще несколько шикарнейших демок есть, тоже в голове не укладывающихся, если посмотреть на размер файла (64К): www.theproduct.de/
хе хе.
Слабаки. Давно пора писать программы в −2,147,483,648 строк.
Даа-а-а, даже vanilla.js не понадобился!
Если не двигать мышку то объекты будут пролетать сквозь, кораблик игрока.
Ого, знаете, вы как буддист от мира веб программирования — достигли, так сказать, состояния просветления в кодинге — когда дух настолько высоко поднялся над этим бренным двоичным миром, что взглянул на ситуацию с такой высоты, на которой отчетливо стал виден тот самый код в 0 строк. Это гениально.
Вы забыли самую малость — запилить репозиторий на ГитХабе для своего JS мега-кода. Вдруг кто-то сможет его улучшить?
На самом деле разница между программами и данными, между языками программирования и разметки, между красивым и некрасивым лежит только в восприятии и договорённостях.
И, кстати, у меня не работает. Через секунду вылазит «game over». И корабликов нет.
Браузер firefox 25 linux x64. ЧЯДНТ?
И, кстати, у меня не работает. Через секунду вылазит «game over». И корабликов нет.
Браузер firefox 25 linux x64. ЧЯДНТ?
Ссылки на графику nojsgame.majorov.su/bg.jpg протухли.
Уже испарвил. Щас все должно быть ок
Репозиторий:
github.com/i0z/nojsgame
Фидлы:
jsfiddle.net/9dQx3/10/
codepen.io/i0z/pen/mFLCw
Оригинал nojsgame.majorov.su/
github.com/i0z/nojsgame
Фидлы:
jsfiddle.net/9dQx3/10/
codepen.io/i0z/pen/mFLCw
Оригинал nojsgame.majorov.su/
как называется игра в оригинале?
А вы знали, что демо можно разместить прямо на гитхабе, и не придётся иcпользовать для этого jsfiddle? Просто отпочкуйте от мастера новую ветку «gh-pages», и содержимое index.html станет доступно по адресу ioz.github.io/nojsgame/
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Игра в 0 строк кода на чистом JS